@ember-eui/core 16.0.1 → 16.0.3

package/dist/components/eui-combo-box/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","sources":["../../../src/components/eui-combo-box/trigger.gts"],"sourcesContent":["import { cached } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport PowerSelectTrigger from 'ember-power-select/components/power-select/trigger';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport {\n  euiComboBoxInputStyles,\n  euiFontSize,\n  euiFormVariables\n} from '../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiComboBoxPill from '../eui-combo-box-pill.gts';\nimport EuiFormControlLayout from '../eui-form-control-layout.gts';\nimport EuiFormLabel from '../eui-form-label.gts';\nimport EuiFormAppend from '../eui-form-append.gts';\nimport EuiFormPrepend from '../eui-form-prepend.gts';\nimport EuiScreenReaderOnly from '../eui-screen-reader-only.gts';\nimport EuiComboBoxNode from './node.gts';\nimport EuiComboBoxTriggerInput from './trigger/input.gts';\nimport {\n  comboBoxAppendPrependStyles,\n  comboBoxOptionLabel,\n  isTextNode\n} from '../../utils/eui/combo-box.ts';\n\nimport type {\n  EuiFormControlLayoutClearProps,\n  EuiFormControlLayoutIconShape\n} from '../eui-form-control-layout-icons.gts';\n\nimport type { CSSInterpolation } from '@emotion/css/create-instance';\n\ninterface TriggerSelect {\n  uniqueId: string;\n  isOpen: boolean;\n  disabled: boolean;\n  searchText: string;\n  selected?: unknown[];\n}\n\ninterface TriggerArgs {\n  select: TriggerSelect;\n  compressed?: boolean;\n  fullWidth?: boolean;\n  isInvalid?: boolean;\n  placeholder?: string;\n  searchEnabled?: boolean;\n  singleSelection?: boolean | { asPlainText?: boolean };\n  prepend?: unknown;\n  append?: unknown;\n  noSuggestions?: boolean;\n  screenReaderInstructions?: string;\n  searchField?: string;\n  /** Called with the search input once rendered, and `null` on removal. */\n  inputRef?: (element: HTMLInputElement | null) => void;\n  allowClear?: boolean;\n  onClear?: (event?: Event) => void;\n  onToggleList?: (event: MouseEvent) => void;\n  /** Focus left the toggle button (upstream `onContainerBlur`). */\n  onToggleBlur?: (event: FocusEvent) => void;\n  /** A key on the focused toggle button; `true` stops it here. */\n  onToggleKeydown?: (event: KeyboardEvent) => boolean;\n}\n\n/** The chevron (`comboBoxToggleListButton`) or an element in it. */\nexport const isToggleButton = (target: EventTarget | null): boolean =>\n  Boolean(\n    (target as Element | null)?.closest?.(\n      '[data-test-subj=\"comboBoxToggleListButton\"]'\n    )\n  );\n\n/** Upstream side nodes: one string is an EuiFormPrepend/Append label. */\nconst isSingleText = (node: unknown) => !Array.isArray(node) && isTextNode(node);\n\nconst nodeList = (node: unknown): unknown[] =>\n  Array.isArray(node) ? node : [node];\n\nconst optionNode = (option: unknown, key: 'prepend' | 'append') =>\n  option && typeof option === 'object'\n    ? (option as Record<string, unknown>)[key]\n    : undefined;\n\n/**\n * @private EuiComboBox's input with the selected pills. Extends\n * ember-power-select's multiple trigger.\n */\nexport default class EuiComboBoxTriggerComponent extends PowerSelectTrigger {\n  get comboArgs(): TriggerArgs {\n    return this.args as unknown as TriggerArgs;\n  }\n\n  get asPlainText(): boolean {\n    const single = this.comboArgs.singleSelection;\n\n    return Boolean(single && typeof single === 'object' && single.asPlainText);\n  }\n\n  get hasSelection(): boolean {\n    return Boolean(this.comboArgs.select.selected?.length);\n  }\n\n  /**\n   * Upstream: `@prepend` / `@append` only show with single selection, so\n   * pills never wrap onto rows taller than them.\n   */\n  get prepend(): unknown {\n    return this.comboArgs.singleSelection ? this.comboArgs.prepend : undefined;\n  }\n\n  get append(): unknown {\n    return this.comboArgs.singleSelection ? this.comboArgs.append : undefined;\n  }\n\n  get inputId(): string {\n    return `ember-power-select-trigger-multiple-input-${this.comboArgs.select.uniqueId}`;\n  }\n\n  /**\n   * Upstream's toggle button (`comboBoxToggleListButton`): the chevron is a\n   * button opening or closing the list. Upstream `noIcon={!!noSuggestions}`:\n   * no list, no chevron; none while disabled either.\n   */\n  @cached\n  get icon(): EuiFormControlLayoutIconShape | undefined {\n    const { select, noSuggestions, onToggleList } = this.comboArgs;\n\n    if (select.disabled || noSuggestions) return undefined;\n\n    return {\n      // @ts-expect-error `icon` is curried by EuiComboBox\n      type: this.args.icon ?? 'chevronSingleDown',\n      side: 'right',\n      'aria-label': select.isOpen\n        ? 'Close list of options'\n        : 'Open list of options',\n      'data-test-subj': 'comboBoxToggleListButton',\n      tabIndex: -1,\n      onClick: (event: MouseEvent) => onToggleList?.(event)\n    };\n  }\n\n  /** Upstream `clear` props: `comboBoxClearButton`, shown with a selection. */\n  @cached\n  get clearProps(): EuiFormControlLayoutClearProps | undefined {\n    const { allowClear, onClear } = this.comboArgs;\n\n    if (!allowClear || !onClear || !this.hasSelection) return undefined;\n\n    return {\n      'data-test-subj': 'comboBoxClearButton',\n      onClick: (event: MouseEvent) => onClear(event)\n    };\n  }\n\n  /** Plain text selection: the selected option, shown as the input's text. */\n  get plainTextOption(): unknown {\n    return this.asPlainText ? this.comboArgs.select.selected?.[0] : undefined;\n  }\n\n  /** Upstream: the input shows the search text, else the selection's label. */\n  get plainTextValue(): string | undefined {\n    const option = this.plainTextOption;\n\n    if (option === undefined) return undefined;\n\n    return comboBoxOptionLabel(option, this.comboArgs.searchField) ?? '';\n  }\n\n  /** Plain text selection's option prepend/append: upstream `xxs` spacing. */\n  @cached\n  get plainTextSideClasses(): { prepend: string; append: string } {\n    const context = getEuiThemeContext(this);\n    const styles = comboBoxAppendPrependStyles(\n      String(context.upstream.euiTheme.size.xxs)\n    );\n\n    return {\n      prepend: euiClass(context, styles.prepend),\n      append: euiClass(context, styles.append)\n    };\n  }\n\n  /**\n   * The toggle button handles its own clicks: ember-basic-dropdown's\n   * trigger must not toggle the list on the same press. The press focuses\n   * the button, as upstream (the input blurs; the combo box keeps focus).\n   */\n  keepToggle = (event: Event) => {\n    if (!isToggleButton(event.target)) return;\n\n    event.stopPropagation();\n  };\n\n  /**\n   * Keys on the focused toggle button run upstream's container `onKeyDown`\n   * before ember-basic-dropdown's trigger sees them.\n   */\n  toggleKeydown = (event: KeyboardEvent) => {\n    if (!isToggleButton(event.target)) return;\n\n    if (this.comboArgs.onToggleKeydown?.(event)) event.stopPropagation();\n  };\n\n  /** Upstream `onContainerBlur` for the toggle button. */\n  toggleBlur = (event: FocusEvent) => {\n    if (!isToggleButton(event.target)) return;\n\n    this.comboArgs.onToggleBlur?.(event);\n  };\n\n  /** Upstream `showPlaceholder`: a placeholder, no selection, no search. */\n  get showPlaceholder(): boolean {\n    const { placeholder, select } = this.comboArgs;\n\n    return Boolean(placeholder && !this.hasSelection && !select.searchText);\n  }\n\n  /** EuiFormControlLayout grows with the rows of pills (multi selection). */\n  @cached\n  get layoutCss(): CSSInterpolation[] {\n    const styles = useEuiBorealisStyles(\n      getEuiThemeContext(this),\n      euiComboBoxInputStyles\n    );\n\n    return [\n      styles.formLayout.euiComboBox__formControlLayout,\n      !this.comboArgs.singleSelection && styles.formLayout.multiSelect\n    ];\n  }\n\n  /**\n   * Upstream `euiComboBoxInputWrapper`: the element that looks like the form\n   * control (border, background, padding, focus/invalid/disabled states),\n   * holding the pills and the search input.\n   */\n  @cached\n  get wrapClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiComboBoxInputStyles);\n    const { compressed, isInvalid, select, singleSelection } = this.comboArgs;\n    const plainText = this.asPlainText || this.showPlaceholder;\n    const stateCss = select.isOpen\n      ? styles.open\n      : isInvalid\n        ? styles.invalid\n        : undefined;\n\n    return euiClass(\n      context,\n      // the wrap is a <div>, but keep any list or prose margins off it\n      { margin: 0, listStyle: 'none' },\n      styles.euiComboBoxInputWrapper,\n      !singleSelection && styles.multiSelect,\n      compressed ? styles.compressed : styles.uncompressed,\n      ...(plainText\n        ? [\n            styles.plainText.plainText,\n            compressed\n              ? styles.plainText.compressed\n              : styles.plainText.uncompressed\n          ]\n        : []),\n      select.disabled ? styles.disabled : stateCss,\n      Boolean(this.prepend || this.append) && styles.inGroup\n    );\n  }\n\n  /**\n   * Placeholder shown when searching is disabled: the form control\n   * placeholder color and size (the input shows it otherwise).\n   */\n  @cached\n  get placeholderClass(): string {\n    const context = getEuiThemeContext(this);\n    const form = useEuiBorealisStyles(context, euiFormVariables);\n\n    return euiClass(context, {\n      alignSelf: 'center',\n      fontSize: euiFontSize(context.upstream, 's', undefined).fontSize,\n      color: form.controlPlaceholderText,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap'\n    });\n  }\n\n  /** Keeps the wrap one input tall without a search input. */\n  @cached\n  get spacerClass(): string {\n    const context = getEuiThemeContext(this);\n\n    return euiClass(context, {\n      blockSize: context.upstream.euiTheme.size.l,\n      minInlineSize: '2px'\n    });\n  }\n\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    <EuiFormControlLayout\n      @icon={{this.icon}}\n      @inputId={{this.inputId}}\n      @isPrependProvided={{if this.prepend true false}}\n      @isAppendProvided={{if this.append true false}}\n      @iconSide=\"right\"\n      {{on \"mousedown\" this.keepToggle capture=true}}\n      {{on \"touchstart\" this.keepToggle capture=true}}\n      {{on \"touchend\" this.keepToggle capture=true}}\n      {{on \"focusout\" this.toggleBlur}}\n      {{on \"keydown\" this.toggleKeydown}}\n      @fullWidth={{@fullWidth}}\n      @compressed={{@compressed}}\n      @readOnly={{@readOnly}}\n      @isInvalid={{@isInvalid}}\n      @clear={{this.clearProps}}\n      @isLoading={{@isLoading}}\n      @disabled={{@select.disabled}}\n      @css={{this.layoutCss}}\n    >\n      <:prepend>\n        {{#if (isSingleText this.prepend)}}\n          <EuiFormPrepend\n            @label={{this.prepend}}\n            @inputId={{this.inputId}}\n            @compressed={{@compressed}}\n          />\n        {{else}}\n          {{#each (nodeList this.prepend) as |node|}}\n            {{#if (isTextNode node)}}\n              <EuiFormLabel @for={{this.inputId}}>{{node}}</EuiFormLabel>\n            {{else}}\n              <EuiComboBoxNode @node={{node}} />\n            {{/if}}\n          {{/each}}\n        {{/if}}\n      </:prepend>\n      <:field>\n        {{! template-lint-disable }}\n        <div\n          id=\"ember-power-select-multiple-options-{{@select.uniqueId}}\"\n          class=\"euiComboBox__inputWrap ember-power-select-multiple-options\n            {{if this.asPlainText 'euiComboBox__inputWrap--plainText'}}\n            {{this.wrapClass}}\"\n          data-test-subj=\"comboBoxInput\"\n          ...attributes\n          {{! no ember-power-select openChange: upstream keeps the search\n            text when the list closes (leftover text marks it invalid) }}\n          {{on \"touchstart\" this.chooseOption}}\n          {{on \"mousedown\" this.chooseOption}}\n        >\n          {{! template-lint-enable }}\n          {{! upstream: no pill for plain text (the input shows it), and\n            no single selection pill while searching }}\n          {{#if\n            (and\n              (not this.asPlainText)\n              (or\n                (and @singleSelection (not @select.searchText))\n                (not @singleSelection)\n              )\n            )\n          }}\n            {{#each @select.selected as |opt idx|}}\n              {{#if @selectedItemComponent}}\n                {{#let\n                  (component\n                    @selectedItemComponent\n                    extra=@extra\n                    option=opt\n                    select=@select\n                  )\n                  as |SelectedItemComponent|\n                }}\n                  <SelectedItemComponent />\n                {{/let}}\n              {{else}}\n                <EuiComboBoxPill\n                  class=\"ember-power-select-multiple-option\n                    {{if\n                      opt.disabled\n                      'ember-power-select-multiple-option--disabled'\n                    }}\"\n                  @option={{opt}}\n                  @searchField={{@searchField}}\n                  @onClose={{if\n                    (or @select.disabled @singleSelection)\n                    false\n                    (if @onClose (fn (optional @onClose) opt) true)\n                  }}\n                  @dataSelectedIconIndex={{idx}}\n                  @color={{opt.color}}\n                  @asPlainText={{this.asPlainText}}\n                >\n                  {{yield opt @select}}\n                </EuiComboBoxPill>\n              {{/if}}\n            {{else}}{{#if (and @placeholder (not @searchEnabled))}}\n                <span\n                  class=\"ember-power-select-placeholder {{this.placeholderClass}}\"\n                >\n                  {{@placeholder}}\n                </span>\n              {{/if}}{{/each}}\n          {{/if}}\n          {{#let\n            (optionNode this.plainTextOption \"prepend\")\n            (optionNode this.plainTextOption \"append\")\n            as |plainPrepend plainAppend|\n          }}\n          {{#if plainPrepend}}\n            <span\n              class=\"euiComboBoxPlainTextSelection__prepend\n                {{this.plainTextSideClasses.prepend}}\"\n            ><EuiComboBoxNode\n                @node={{plainPrepend}}\n                @option={{this.plainTextOption}}\n              /></span>\n          {{/if}}\n          {{#if @searchEnabled}}\n            {{#let\n              (component\n                EuiComboBoxTriggerInput\n                select=@select\n                ariaActiveDescendant=@ariaActiveDescendant\n                ariaLabelledBy=(or @inputAriaLabelledBy @ariaLabelledBy)\n                ariaDescribedBy=@ariaDescribedBy\n                ariaLabel=(or @inputAriaLabel @ariaLabel)\n                listboxId=@listboxId\n                tabindex=@inputTabindex\n                inputRef=@inputRef\n                role=@inputRole\n                required=@inputRequired\n                buildSelection=@buildSelection\n                placeholder=@placeholder\n                placeholderComponent=@placeholderComponent\n                searchField=@searchField\n                onFocus=@onFocus\n                isInvalid=@isInvalid\n                fillWidth=(or this.asPlainText this.showPlaceholder)\n                onBlur=@onBlur\n                onKeydown=@onKeydown\n                onInput=@onInput\n                noSuggestions=@noSuggestions\n                plainTextValue=this.plainTextValue\n                asPlainText=this.asPlainText\n                onPlainTextClick=@onPlainTextClick\n              )\n              as |InputComponent|\n            }}\n              {{#let\n                (component\n                  @placeholderComponent\n                  select=@select\n                  placeholder=@placeholder\n                  isMultipleWithSearch=true\n                  inputComponent=InputComponent\n                  displayPlaceholder=(and\n                    (not @select.searchText) (not @select.selected)\n                  )\n                )\n                as |PlaceholderComponent|\n              }}\n                <PlaceholderComponent />\n              {{/let}}\n            {{/let}}\n          {{else}}\n            {{#if this.asPlainText}}\n              {{#each @select.selected as |opt|}}\n                <EuiComboBoxPill\n                  @option={{opt}}\n                  @searchField={{@searchField}}\n                  @asPlainText={{true}}\n                >{{yield opt @select}}</EuiComboBoxPill>\n              {{/each}}\n            {{/if}}\n            <div class=\"euiComboBox__input {{this.spacerClass}}\"></div>\n          {{/if}}\n          {{#if plainAppend}}\n            <span\n              class=\"euiComboBoxPlainTextSelection__append\n                {{this.plainTextSideClasses.append}}\"\n            ><EuiComboBoxNode\n                @node={{plainAppend}}\n                @option={{this.plainTextOption}}\n              /></span>\n          {{/if}}\n          {{/let}}\n          {{#if @screenReaderInstructions}}\n            {{! upstream: read when the input gets focus }}\n            <EuiScreenReaderOnly>\n              <span\n                aria-live=\"polite\"\n                id=\"{{@select.uniqueId}}_removeOptionMessage\"\n              >{{@screenReaderInstructions}}</span>\n            </EuiScreenReaderOnly>\n          {{/if}}\n        </div>\n      </:field>\n      <:append>\n        {{#if (isSingleText this.append)}}\n          <EuiFormAppend\n            @label={{this.append}}\n            @inputId={{this.inputId}}\n            @compressed={{@compressed}}\n          />\n        {{else}}\n          {{#each (nodeList this.append) as |node|}}\n            {{#if (isTextNode node)}}\n              <EuiFormLabel @for={{this.inputId}}>{{node}}</EuiFormLabel>\n            {{else}}\n              <EuiComboBoxNode @node={{node}} />\n            {{/if}}\n          {{/each}}\n        {{/if}}\n      </:append>\n    </EuiFormControlLayout>\n  </template>\n}\n"],"names":["isToggleButton","target","Boolean","closest","isSingleText","node","Array","isArray","isTextNode","nodeList","optionNode","option","key","undefined","EuiComboBoxTriggerComponent","PowerSelectTrigger","comboArgs","args","asPlainText","single","singleSelection","hasSelection","select","selected","length","prepend","append","inputId","uniqueId","icon","noSuggestions","onToggleList","disabled","type","side","isOpen","tabIndex","onClick","event","n","prototype","cached","clearProps","allowClear","onClear","plainTextOption","plainTextValue","comboBoxOptionLabel","searchField","plainTextSideClasses","context","getEuiThemeContext","styles","comboBoxAppendPrependStyles","String","upstream","euiTheme","size","xxs","euiClass","keepToggle","stopPropagation","toggleKeydown","onToggleKeydown","toggleBlur","onToggleBlur","showPlaceholder","placeholder","searchText","layoutCss","useEuiBorealisStyles","euiComboBoxInputStyles","formLayout","euiComboBox__formControlLayout","multiSelect","wrapClass","compressed","isInvalid","plainText","stateCss","open","invalid","margin","listStyle","euiComboBoxInputWrapper","uncompressed","inGroup","placeholderClass","form","euiFormVariables","alignSelf","fontSize","euiFontSize","color","controlPlaceholderText","overflow","textOverflow","whiteSpace","spacerClass","blockSize","l","minInlineSize","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","on","EuiFormPrepend","EuiFormLabel","EuiComboBoxNode","and","not","or","EuiComboBoxPill","fn","optional","EuiComboBoxTriggerInput","EuiScreenReaderOnly","EuiFormAppend"],"mappings":"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"}
+{"version":3,"file":"trigger.js","sources":["../../../src/components/eui-combo-box/trigger.gts"],"sourcesContent":["import { cached } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport PowerSelectTrigger from 'ember-power-select/components/power-select/trigger';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport {\n  euiComboBoxInputStyles,\n  euiFontSize,\n  euiFormVariables\n} from '../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiComboBoxPill from '../eui-combo-box-pill.gts';\nimport EuiFormControlLayout from '../eui-form-control-layout.gts';\nimport EuiFormLabel from '../eui-form-label.gts';\nimport EuiFormAppend from '../eui-form-append.gts';\nimport EuiFormPrepend from '../eui-form-prepend.gts';\nimport EuiScreenReaderOnly from '../eui-screen-reader-only.gts';\nimport EuiComboBoxNode from './node.gts';\nimport EuiComboBoxTriggerInput from './trigger/input.gts';\nimport {\n  comboBoxAppendPrependStyles,\n  comboBoxOptionLabel,\n  isTextNode\n} from '../../utils/eui/combo-box.ts';\n\nimport type {\n  EuiFormControlLayoutClearProps,\n  EuiFormControlLayoutIconShape\n} from '../eui-form-control-layout-icons.gts';\n\nimport type { CSSInterpolation } from '@emotion/css/create-instance';\n\ninterface TriggerSelect {\n  uniqueId: string;\n  isOpen: boolean;\n  disabled: boolean;\n  searchText: string;\n  selected?: unknown[];\n}\n\ninterface TriggerArgs {\n  select: TriggerSelect;\n  compressed?: boolean;\n  fullWidth?: boolean;\n  isInvalid?: boolean;\n  placeholder?: string;\n  searchEnabled?: boolean;\n  singleSelection?: boolean | { asPlainText?: boolean };\n  /** EuiComboBox's caller passed a block (renders the options). */\n  hasOptionBlock?: boolean;\n  prepend?: unknown;\n  append?: unknown;\n  noSuggestions?: boolean;\n  screenReaderInstructions?: string;\n  searchField?: string;\n  /** Called with the search input once rendered, and `null` on removal. */\n  inputRef?: (element: HTMLInputElement | null) => void;\n  allowClear?: boolean;\n  onClear?: (event?: Event) => void;\n  onToggleList?: (event: MouseEvent) => void;\n  /** Focus left the toggle button (upstream `onContainerBlur`). */\n  onToggleBlur?: (event: FocusEvent) => void;\n  /** A key on the focused toggle button; `true` stops it here. */\n  onToggleKeydown?: (event: KeyboardEvent) => boolean;\n}\n\n/** The chevron (`comboBoxToggleListButton`) or an element in it. */\nexport const isToggleButton = (target: EventTarget | null): boolean =>\n  Boolean(\n    (target as Element | null)?.closest?.(\n      '[data-test-subj=\"comboBoxToggleListButton\"]'\n    )\n  );\n\n/** Upstream side nodes: one string is an EuiFormPrepend/Append label. */\nconst isSingleText = (node: unknown) => !Array.isArray(node) && isTextNode(node);\n\nconst nodeList = (node: unknown): unknown[] =>\n  Array.isArray(node) ? node : [node];\n\nconst optionNode = (option: unknown, key: 'prepend' | 'append') =>\n  option && typeof option === 'object'\n    ? (option as Record<string, unknown>)[key]\n    : undefined;\n\n/**\n * @private EuiComboBox's input with the selected pills. Extends\n * ember-power-select's multiple trigger.\n */\nexport default class EuiComboBoxTriggerComponent extends PowerSelectTrigger {\n  get comboArgs(): TriggerArgs {\n    return this.args as unknown as TriggerArgs;\n  }\n\n  get asPlainText(): boolean {\n    const single = this.comboArgs.singleSelection;\n\n    return Boolean(single && typeof single === 'object' && single.asPlainText);\n  }\n\n  get hasSelection(): boolean {\n    return Boolean(this.comboArgs.select.selected?.length);\n  }\n\n  /**\n   * Upstream: `@prepend` / `@append` only show with single selection, so\n   * pills never wrap onto rows taller than them.\n   */\n  get prepend(): unknown {\n    return this.comboArgs.singleSelection ? this.comboArgs.prepend : undefined;\n  }\n\n  get append(): unknown {\n    return this.comboArgs.singleSelection ? this.comboArgs.append : undefined;\n  }\n\n  get inputId(): string {\n    return `ember-power-select-trigger-multiple-input-${this.comboArgs.select.uniqueId}`;\n  }\n\n  /**\n   * Upstream's toggle button (`comboBoxToggleListButton`): the chevron is a\n   * button opening or closing the list. Upstream `noIcon={!!noSuggestions}`:\n   * no list, no chevron; none while disabled either.\n   */\n  @cached\n  get icon(): EuiFormControlLayoutIconShape | undefined {\n    const { select, noSuggestions, onToggleList } = this.comboArgs;\n\n    if (select.disabled || noSuggestions) return undefined;\n\n    return {\n      // @ts-expect-error `icon` is curried by EuiComboBox\n      type: this.args.icon ?? 'chevronSingleDown',\n      side: 'right',\n      'aria-label': select.isOpen\n        ? 'Close list of options'\n        : 'Open list of options',\n      'data-test-subj': 'comboBoxToggleListButton',\n      tabIndex: -1,\n      onClick: (event: MouseEvent) => onToggleList?.(event)\n    };\n  }\n\n  /** Upstream `clear` props: `comboBoxClearButton`, shown with a selection. */\n  @cached\n  get clearProps(): EuiFormControlLayoutClearProps | undefined {\n    const { allowClear, onClear } = this.comboArgs;\n\n    if (!allowClear || !onClear || !this.hasSelection) return undefined;\n\n    return {\n      'data-test-subj': 'comboBoxClearButton',\n      onClick: (event: MouseEvent) => onClear(event)\n    };\n  }\n\n  /** Plain text selection: the selected option, shown as the input's text. */\n  get plainTextOption(): unknown {\n    return this.asPlainText ? this.comboArgs.select.selected?.[0] : undefined;\n  }\n\n  /** Upstream: the input shows the search text, else the selection's label. */\n  get plainTextValue(): string | undefined {\n    const option = this.plainTextOption;\n\n    if (option === undefined) return undefined;\n\n    return comboBoxOptionLabel(option, this.comboArgs.searchField) ?? '';\n  }\n\n  /**\n   * Not upstream: with a caller's block, the plain text selection is\n   * rendered with it (as ember-eui 14 did) while nothing is typed; the\n   * input's text is hidden under it.\n   */\n  get showsPlainTextBlock(): boolean {\n    return Boolean(\n      this.comboArgs.hasOptionBlock &&\n        this.plainTextOption !== undefined &&\n        !this.comboArgs.select.searchText\n    );\n  }\n\n  /**\n   * The block over the input wrap, inside its padding, centered like the\n   * input's text; clicks go through to the input.\n   */\n  @cached\n  get plainTextBlockClass(): string {\n    const context = getEuiThemeContext(this);\n\n    return euiClass(context, {\n      position: 'absolute',\n      inset: 0,\n      padding: 'inherit',\n      display: 'flex',\n      alignItems: 'center',\n      minWidth: 0,\n      overflow: 'hidden',\n      pointerEvents: 'none'\n    });\n  }\n\n  /** Plain text selection's option prepend/append: upstream `xxs` spacing. */\n  @cached\n  get plainTextSideClasses(): { prepend: string; append: string } {\n    const context = getEuiThemeContext(this);\n    const styles = comboBoxAppendPrependStyles(\n      String(context.upstream.euiTheme.size.xxs)\n    );\n\n    return {\n      prepend: euiClass(context, styles.prepend),\n      append: euiClass(context, styles.append)\n    };\n  }\n\n  /**\n   * The toggle button handles its own clicks: ember-basic-dropdown's\n   * trigger must not toggle the list on the same press. The press focuses\n   * the button, as upstream (the input blurs; the combo box keeps focus).\n   */\n  keepToggle = (event: Event) => {\n    if (!isToggleButton(event.target)) return;\n\n    event.stopPropagation();\n  };\n\n  /**\n   * Keys on the focused toggle button run upstream's container `onKeyDown`\n   * before ember-basic-dropdown's trigger sees them.\n   */\n  toggleKeydown = (event: KeyboardEvent) => {\n    if (!isToggleButton(event.target)) return;\n\n    if (this.comboArgs.onToggleKeydown?.(event)) event.stopPropagation();\n  };\n\n  /** Upstream `onContainerBlur` for the toggle button. */\n  toggleBlur = (event: FocusEvent) => {\n    if (!isToggleButton(event.target)) return;\n\n    this.comboArgs.onToggleBlur?.(event);\n  };\n\n  /** Upstream `showPlaceholder`: a placeholder, no selection, no search. */\n  get showPlaceholder(): boolean {\n    const { placeholder, select } = this.comboArgs;\n\n    return Boolean(placeholder && !this.hasSelection && !select.searchText);\n  }\n\n  /** EuiFormControlLayout grows with the rows of pills (multi selection). */\n  @cached\n  get layoutCss(): CSSInterpolation[] {\n    const styles = useEuiBorealisStyles(\n      getEuiThemeContext(this),\n      euiComboBoxInputStyles\n    );\n\n    return [\n      styles.formLayout.euiComboBox__formControlLayout,\n      !this.comboArgs.singleSelection && styles.formLayout.multiSelect\n    ];\n  }\n\n  /**\n   * Upstream `euiComboBoxInputWrapper`: the element that looks like the form\n   * control (border, background, padding, focus/invalid/disabled states),\n   * holding the pills and the search input.\n   */\n  @cached\n  get wrapClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiComboBoxInputStyles);\n    const { compressed, isInvalid, select, singleSelection } = this.comboArgs;\n    const plainText = this.asPlainText || this.showPlaceholder;\n    const stateCss = select.isOpen\n      ? styles.open\n      : isInvalid\n        ? styles.invalid\n        : undefined;\n\n    return euiClass(\n      context,\n      // the wrap is a <div>, but keep any list or prose margins off it\n      { margin: 0, listStyle: 'none' },\n      styles.euiComboBoxInputWrapper,\n      !singleSelection && styles.multiSelect,\n      compressed ? styles.compressed : styles.uncompressed,\n      ...(plainText\n        ? [\n            styles.plainText.plainText,\n            compressed\n              ? styles.plainText.compressed\n              : styles.plainText.uncompressed\n          ]\n        : []),\n      select.disabled ? styles.disabled : stateCss,\n      Boolean(this.prepend || this.append) && styles.inGroup,\n      this.showsPlainTextBlock && { position: 'relative' }\n    );\n  }\n\n  /**\n   * Placeholder shown when searching is disabled: the form control\n   * placeholder color and size (the input shows it otherwise).\n   */\n  @cached\n  get placeholderClass(): string {\n    const context = getEuiThemeContext(this);\n    const form = useEuiBorealisStyles(context, euiFormVariables);\n\n    return euiClass(context, {\n      alignSelf: 'center',\n      fontSize: euiFontSize(context.upstream, 's', undefined).fontSize,\n      color: form.controlPlaceholderText,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap'\n    });\n  }\n\n  /** Keeps the wrap one input tall without a search input. */\n  @cached\n  get spacerClass(): string {\n    const context = getEuiThemeContext(this);\n\n    return euiClass(context, {\n      blockSize: context.upstream.euiTheme.size.l,\n      minInlineSize: '2px'\n    });\n  }\n\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    <EuiFormControlLayout\n      @icon={{this.icon}}\n      @inputId={{this.inputId}}\n      @isPrependProvided={{if this.prepend true false}}\n      @isAppendProvided={{if this.append true false}}\n      @iconSide=\"right\"\n      {{on \"mousedown\" this.keepToggle capture=true}}\n      {{on \"touchstart\" this.keepToggle capture=true}}\n      {{on \"touchend\" this.keepToggle capture=true}}\n      {{on \"focusout\" this.toggleBlur}}\n      {{on \"keydown\" this.toggleKeydown}}\n      @fullWidth={{@fullWidth}}\n      @compressed={{@compressed}}\n      @readOnly={{@readOnly}}\n      @isInvalid={{@isInvalid}}\n      @clear={{this.clearProps}}\n      @isLoading={{@isLoading}}\n      @disabled={{@select.disabled}}\n      @css={{this.layoutCss}}\n    >\n      <:prepend>\n        {{#if (isSingleText this.prepend)}}\n          <EuiFormPrepend\n            @label={{this.prepend}}\n            @inputId={{this.inputId}}\n            @compressed={{@compressed}}\n          />\n        {{else}}\n          {{#each (nodeList this.prepend) as |node|}}\n            {{#if (isTextNode node)}}\n              <EuiFormLabel @for={{this.inputId}}>{{node}}</EuiFormLabel>\n            {{else}}\n              <EuiComboBoxNode @node={{node}} />\n            {{/if}}\n          {{/each}}\n        {{/if}}\n      </:prepend>\n      <:field>\n        {{! template-lint-disable }}\n        <div\n          id=\"ember-power-select-multiple-options-{{@select.uniqueId}}\"\n          class=\"euiComboBox__inputWrap ember-power-select-multiple-options\n            {{if this.asPlainText 'euiComboBox__inputWrap--plainText'}}\n            {{this.wrapClass}}\"\n          data-test-subj=\"comboBoxInput\"\n          ...attributes\n          {{! no ember-power-select openChange: upstream keeps the search\n            text when the list closes (leftover text marks it invalid) }}\n          {{on \"touchstart\" this.chooseOption}}\n          {{on \"mousedown\" this.chooseOption}}\n        >\n          {{! template-lint-enable }}\n          {{! upstream: no pill for plain text (the input shows it), and\n            no single selection pill while searching }}\n          {{#if\n            (and\n              (not this.asPlainText)\n              (or\n                (and @singleSelection (not @select.searchText))\n                (not @singleSelection)\n              )\n            )\n          }}\n            {{#each @select.selected as |opt idx|}}\n              {{#if @selectedItemComponent}}\n                {{#let\n                  (component\n                    @selectedItemComponent\n                    extra=@extra\n                    option=opt\n                    select=@select\n                  )\n                  as |SelectedItemComponent|\n                }}\n                  <SelectedItemComponent />\n                {{/let}}\n              {{else}}\n                <EuiComboBoxPill\n                  class=\"ember-power-select-multiple-option\n                    {{if\n                      opt.disabled\n                      'ember-power-select-multiple-option--disabled'\n                    }}\"\n                  @option={{opt}}\n                  @searchField={{@searchField}}\n                  @onClose={{if\n                    (or @select.disabled @singleSelection)\n                    false\n                    (if @onClose (fn (optional @onClose) opt) true)\n                  }}\n                  @dataSelectedIconIndex={{idx}}\n                  @color={{opt.color}}\n                  @asPlainText={{this.asPlainText}}\n                >\n                  {{yield opt @select}}\n                </EuiComboBoxPill>\n              {{/if}}\n            {{else}}{{#if (and @placeholder (not @searchEnabled))}}\n                <span\n                  class=\"ember-power-select-placeholder {{this.placeholderClass}}\"\n                >\n                  {{@placeholder}}\n                </span>\n              {{/if}}{{/each}}\n          {{/if}}\n          {{#let\n            (optionNode this.plainTextOption \"prepend\")\n            (optionNode this.plainTextOption \"append\")\n            as |plainPrepend plainAppend|\n          }}\n          {{#if plainPrepend}}\n            <span\n              class=\"euiComboBoxPlainTextSelection__prepend\n                {{this.plainTextSideClasses.prepend}}\"\n            ><EuiComboBoxNode\n                @node={{plainPrepend}}\n                @option={{this.plainTextOption}}\n              /></span>\n          {{/if}}\n          {{#if @searchEnabled}}\n            {{#if this.showsPlainTextBlock}}\n              <span\n                class=\"euiComboBoxPlainTextSelection__block\n                  {{this.plainTextBlockClass}}\"\n                aria-hidden=\"true\"\n              >{{yield this.plainTextOption @select}}</span>\n            {{/if}}\n            {{#let\n              (component\n                EuiComboBoxTriggerInput\n                select=@select\n                ariaActiveDescendant=@ariaActiveDescendant\n                ariaLabelledBy=(or @inputAriaLabelledBy @ariaLabelledBy)\n                ariaDescribedBy=@ariaDescribedBy\n                ariaLabel=(or @inputAriaLabel @ariaLabel)\n                listboxId=@listboxId\n                tabindex=@inputTabindex\n                inputRef=@inputRef\n                role=@inputRole\n                required=@inputRequired\n                buildSelection=@buildSelection\n                placeholder=@placeholder\n                placeholderComponent=@placeholderComponent\n                searchField=@searchField\n                onFocus=@onFocus\n                isInvalid=@isInvalid\n                fillWidth=(or this.asPlainText this.showPlaceholder)\n                onBlur=@onBlur\n                onKeydown=@onKeydown\n                onInput=@onInput\n                noSuggestions=@noSuggestions\n                plainTextValue=this.plainTextValue\n                asPlainText=this.asPlainText\n                hidesValue=this.showsPlainTextBlock\n                onPlainTextClick=@onPlainTextClick\n              )\n              as |InputComponent|\n            }}\n              {{#let\n                (component\n                  @placeholderComponent\n                  select=@select\n                  placeholder=@placeholder\n                  isMultipleWithSearch=true\n                  inputComponent=InputComponent\n                  displayPlaceholder=(and\n                    (not @select.searchText) (not @select.selected)\n                  )\n                )\n                as |PlaceholderComponent|\n              }}\n                <PlaceholderComponent />\n              {{/let}}\n            {{/let}}\n          {{else}}\n            {{#if this.asPlainText}}\n              {{#each @select.selected as |opt|}}\n                <EuiComboBoxPill\n                  @option={{opt}}\n                  @searchField={{@searchField}}\n                  @asPlainText={{true}}\n                >{{yield opt @select}}</EuiComboBoxPill>\n              {{/each}}\n            {{/if}}\n            <div class=\"euiComboBox__input {{this.spacerClass}}\"></div>\n          {{/if}}\n          {{#if plainAppend}}\n            <span\n              class=\"euiComboBoxPlainTextSelection__append\n                {{this.plainTextSideClasses.append}}\"\n            ><EuiComboBoxNode\n                @node={{plainAppend}}\n                @option={{this.plainTextOption}}\n              /></span>\n          {{/if}}\n          {{/let}}\n          {{#if @screenReaderInstructions}}\n            {{! upstream: read when the input gets focus }}\n            <EuiScreenReaderOnly>\n              <span\n                aria-live=\"polite\"\n                id=\"{{@select.uniqueId}}_removeOptionMessage\"\n              >{{@screenReaderInstructions}}</span>\n            </EuiScreenReaderOnly>\n          {{/if}}\n        </div>\n      </:field>\n      <:append>\n        {{#if (isSingleText this.append)}}\n          <EuiFormAppend\n            @label={{this.append}}\n            @inputId={{this.inputId}}\n            @compressed={{@compressed}}\n          />\n        {{else}}\n          {{#each (nodeList this.append) as |node|}}\n            {{#if (isTextNode node)}}\n              <EuiFormLabel @for={{this.inputId}}>{{node}}</EuiFormLabel>\n            {{else}}\n              <EuiComboBoxNode @node={{node}} />\n            {{/if}}\n          {{/each}}\n        {{/if}}\n      </:append>\n    </EuiFormControlLayout>\n  </template>\n}\n"],"names":["isToggleButton","target","Boolean","closest","isSingleText","node","Array","isArray","isTextNode","nodeList","optionNode","option","key","undefined","EuiComboBoxTriggerComponent","PowerSelectTrigger","comboArgs","args","asPlainText","single","singleSelection","hasSelection","select","selected","length","prepend","append","inputId","uniqueId","icon","noSuggestions","onToggleList","disabled","type","side","isOpen","tabIndex","onClick","event","n","prototype","cached","clearProps","allowClear","onClear","plainTextOption","plainTextValue","comboBoxOptionLabel","searchField","showsPlainTextBlock","hasOptionBlock","searchText","plainTextBlockClass","context","getEuiThemeContext","euiClass","position","inset","padding","display","alignItems","minWidth","overflow","pointerEvents","plainTextSideClasses","styles","comboBoxAppendPrependStyles","String","upstream","euiTheme","size","xxs","keepToggle","stopPropagation","toggleKeydown","onToggleKeydown","toggleBlur","onToggleBlur","showPlaceholder","placeholder","layoutCss","useEuiBorealisStyles","euiComboBoxInputStyles","formLayout","euiComboBox__formControlLayout","multiSelect","wrapClass","compressed","isInvalid","plainText","stateCss","open","invalid","margin","listStyle","euiComboBoxInputWrapper","uncompressed","inGroup","placeholderClass","form","euiFormVariables","alignSelf","fontSize","euiFontSize","color","controlPlaceholderText","textOverflow","whiteSpace","spacerClass","blockSize","l","minInlineSize","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","on","EuiFormPrepend","EuiFormLabel","EuiComboBoxNode","and","not","or","EuiComboBoxPill","fn","optional","EuiComboBoxTriggerInput","EuiScreenReaderOnly","EuiFormAppend"],"mappings":"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"}

package/dist/components/eui-combo-box.js

@@ -65,13 +65,25 @@ class EuiComboBoxComponent extends Component {
     g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
+  static {
+    g(this.prototype, "euiConfig", [service('eui-config')]);
+  }
+  #euiConfig = (i(this, "euiConfig"), void 0);
+  /**
+  * `@ignoreAccents`, else the app's `euiComboBox.ignoreAccents`
+  * (eui-config), else `false` (upstream).
+  */
+  get ignoreAccents() {
+    return this.args.ignoreAccents ?? this.euiConfig?.getConfig('euiComboBox.ignoreAccents') ?? false;
+  }
+  // UI state only: everything else is derived from the arguments
+  /** ember-power-select's API (open state, highlighted option, …). */
   static {
     g(this.prototype, "select", [tracked], function () {
       return null;
     });
   }
-  #select = (i(this, "select"), void 0); // UI state only: everything else is derived from the arguments
-  /** ember-power-select's API (open state, highlighted option, …). */
+  #select = (i(this, "select"), void 0);
   static {
     g(this.prototype, "searchValue", [tracked], function () {
       return '';
@@ -258,7 +270,7 @@ class EuiComboBoxComponent extends Component {
         searchValue
       }) => matcher(option, searchValue) >= 0;
     }
-    return createPartialStringEqualityOptionMatcher(searchField);
+    return createPartialStringEqualityOptionMatcher(searchField, this.ignoreAccents);
   }
   /** Upstream `getMatchingOptions` (with group titles) for a search text. */
   static {
@@ -440,7 +452,7 @@ class EuiComboBoxComponent extends Component {
   /** ember-power-select must not filter the matches again. */
   matchAll = () => 0;
   static {
-    setComponentTemplate(precompileTemplate("{{!-- @glint-nocheck: not typesafe yet --}}\n\n<PowerSelect @multiple={{true}} {{spreadAttributes @inputPopoverProps this.inputPopoverArgs}} ...attributes @onChange={{this.onChange}} @onFocus={{this.onFocus}} @onBlur={{this.onBlur}} @onOpen={{this.onOpen}} @onClose={{this.onClose}} @placeholderComponent={{@placeholderComponent}} @searchMessage={{this.searchMessage}} @searchMessageComponent={{if @searchMessageComponent @searchMessageComponent EuiComboBoxSearchMessage}} @noMatchesMessage={{this.noMatchesMessage}} @matchTriggerWidth={{@matchTriggerWidth}} @options={{this.powerSelectOptions}} @selected={{@selectedOptions}} @closeOnSelect={{this.closeOnSelect}} @defaultHighlighted={{if @defaultHighlighted @defaultHighlighted this.defaultHighlighted}} @highlightOnHover={{false}} @searchField={{@searchField}} @searchEnabled={{argOrDefault @searchEnabled true}} @tabindex={{if (argOrDefault @searchEnabled true) \"-1\" @tabindex}} @initiallyOpened={{and (not @isDisabled) @autoFocus (not @noSuggestions)}} @triggerComponent={{component EuiComboBoxTrigger fullWidth=@fullWidth compressed=@compressed isInvalid=this.markAsInvalid singleSelection=@singleSelection onClose=@removeTag isLoading=@isLoading autoFocus=(and (not @isDisabled) @autoFocus) icon=@triggerIcon prepend=@prepend append=@append noSuggestions=@noSuggestions inputTabindex=@tabindex inputRef=@inputRef inputRole=@triggerRole inputAriaLabel=@ariaLabel inputAriaLabelledBy=@ariaLabelledBy inputRequired=@required onClear=this.clearSelectedOptions onToggleList=this.onToggleListClick onToggleBlur=this.onToggleBlur onToggleKeydown=this.onToggleKeydown onPlainTextClick=this.onPlainTextClick screenReaderInstructions=this.screenReaderInstructions}} @matcher={{this.matchAll}} @initiallyOpen={{@initiallyOpen}} @typeAheadOptionMatcher={{@typeAheadOptionMatcher}} @buildSelection={{this.buildSelection}} @search={{this.search}} @onInput={{this.onInput}} @onKeydown={{this.onKeydown}} @scrollTo={{this.scrollTo}} @registerAPI={{queue this.registerAPI (optional @registerApi)}} @horizontalPosition={{@horizontalPosition}} @destination={{@destination}} @preventScroll={{@preventScroll}} @renderInPlace={{@renderInPlace}} @verticalPosition={{this.verticalPosition}} @disabled={{@isDisabled}} @calculatePosition={{this.calculatePosition}} @eventType={{@eventType}} @ariaLabel={{unless (argOrDefault @searchEnabled true) @ariaLabel}} @ariaLabelledBy={{unless (argOrDefault @searchEnabled true) @ariaLabelledBy}} @required={{unless (argOrDefault @searchEnabled true) @required}} @triggerRole={{if (argOrDefault @searchEnabled true) \"presentation\" @triggerRole}} @title={{@title}} @triggerId={{@triggerId}} @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}} @loadingMessage={{this.loadingMessage}} @selectedItemComponent={{@selectedItemComponent}} @beforeOptionsComponent={{@beforeOptionsComponent}} @afterOptionsComponent={{if @afterOptionsComponent @afterOptionsComponent (if (and @onCreateOption (not this.select.loading) (not this.isLoadingOptions) this.searchValue this.alwaysShowCreateOption (not this.alreadyAddedMessage)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=true delimiter=@delimiter))}} @placeholder={{@placeholder}} @searchPlaceholder={{@searchPlaceholder}} @optionsComponent={{component EuiComboBoxOptions rowHeight=@rowHeight truncationProps=@truncationProps class=@optionsClass singleSelection=(if @singleSelection true false) selectedOptions=this.selectedOptions searchField=@searchField isLoading=this.isLoadingOptions onFocusBadge=@onFocusBadge listboxAriaLabel=this.listboxAriaLabel}} @extra={{@extra}} @groupComponent={{component EuiComboBoxGroup}} @triggerClass={{classNames \"euiComboBox\" this.rootClass @inputPopoverProps.className (if @isDisabled \"euiComboBox-isDisabled\") (if this.markAsInvalid \"euiComboBox-isInvalid\") (if this.select.isOpen \"euiComboBox-isOpen\")}} @noMatchesMessageComponent={{if this.isLoadingOptions (component EuiComboBoxOptions isLoading=true loadingMessage=this.loadingMessage) (if (and @onCreateOption this.searchValue (not this.alwaysShowCreateOption) (not this.alreadyAddedMessage)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=false delimiter=@delimiter) (component EuiComboBoxNoMatchesMessage message=(if this.alreadyAddedMessage this.alreadyAddedMessage this.emptyStateMessage)))}} @dropdownClass={{this.dropdownClass}} as |option i|>\n  {{#if (has-block)}}\n    {{yield option i (if (this.isOptionRow i) this.searchValue \"\")}}\n  {{else if (this.isOptionRow i)}}\n    <EuiComboBoxOptionText @text={{this.labelFor option}} @search={{this.searchValue}} @isCaseSensitive={{@isCaseSensitive}} @rowHeight={{@rowHeight}} @truncationProps={{this.truncationFor option}} @width={{this.optionWidth}} @onResize={{this.setOptionWidth}} />\n  {{else}}\n    {{this.labelFor option}}\n  {{/if}}\n</PowerSelect>", {
+    setComponentTemplate(precompileTemplate("{{!-- @glint-nocheck: not typesafe yet --}}\n\n<PowerSelect @multiple={{true}} {{spreadAttributes @inputPopoverProps this.inputPopoverArgs}} ...attributes @onChange={{this.onChange}} @onFocus={{this.onFocus}} @onBlur={{this.onBlur}} @onOpen={{this.onOpen}} @onClose={{this.onClose}} @placeholderComponent={{@placeholderComponent}} @searchMessage={{this.searchMessage}} @searchMessageComponent={{if @searchMessageComponent @searchMessageComponent EuiComboBoxSearchMessage}} @noMatchesMessage={{this.noMatchesMessage}} @matchTriggerWidth={{@matchTriggerWidth}} @options={{this.powerSelectOptions}} @selected={{@selectedOptions}} @closeOnSelect={{this.closeOnSelect}} @defaultHighlighted={{if @defaultHighlighted @defaultHighlighted this.defaultHighlighted}} @highlightOnHover={{false}} @searchField={{@searchField}} @searchEnabled={{argOrDefault @searchEnabled true}} @tabindex={{if (argOrDefault @searchEnabled true) \"-1\" @tabindex}} @initiallyOpened={{and (not @isDisabled) @autoFocus (not @noSuggestions)}} @triggerComponent={{component EuiComboBoxTrigger fullWidth=@fullWidth compressed=@compressed isInvalid=this.markAsInvalid singleSelection=@singleSelection hasOptionBlock=(has-block) onClose=@removeTag isLoading=@isLoading autoFocus=(and (not @isDisabled) @autoFocus) icon=@triggerIcon prepend=@prepend append=@append noSuggestions=@noSuggestions inputTabindex=@tabindex inputRef=@inputRef inputRole=@triggerRole inputAriaLabel=@ariaLabel inputAriaLabelledBy=@ariaLabelledBy inputRequired=@required onClear=this.clearSelectedOptions onToggleList=this.onToggleListClick onToggleBlur=this.onToggleBlur onToggleKeydown=this.onToggleKeydown onPlainTextClick=this.onPlainTextClick screenReaderInstructions=this.screenReaderInstructions}} @matcher={{this.matchAll}} @initiallyOpen={{@initiallyOpen}} @typeAheadOptionMatcher={{@typeAheadOptionMatcher}} @buildSelection={{this.buildSelection}} @search={{this.search}} @onInput={{this.onInput}} @onKeydown={{this.onKeydown}} @scrollTo={{this.scrollTo}} @registerAPI={{queue this.registerAPI (optional @registerApi)}} @horizontalPosition={{@horizontalPosition}} @destination={{@destination}} @preventScroll={{@preventScroll}} @renderInPlace={{@renderInPlace}} @verticalPosition={{this.verticalPosition}} @disabled={{@isDisabled}} @calculatePosition={{this.calculatePosition}} @eventType={{@eventType}} @ariaLabel={{unless (argOrDefault @searchEnabled true) @ariaLabel}} @ariaLabelledBy={{unless (argOrDefault @searchEnabled true) @ariaLabelledBy}} @required={{unless (argOrDefault @searchEnabled true) @required}} @triggerRole={{if (argOrDefault @searchEnabled true) \"presentation\" @triggerRole}} @title={{@title}} @triggerId={{@triggerId}} @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}} @loadingMessage={{this.loadingMessage}} @selectedItemComponent={{@selectedItemComponent}} @beforeOptionsComponent={{@beforeOptionsComponent}} @afterOptionsComponent={{if @afterOptionsComponent @afterOptionsComponent (if (and @onCreateOption (not this.select.loading) (not this.isLoadingOptions) this.searchValue this.alwaysShowCreateOption (not this.alreadyAddedMessage)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=true delimiter=@delimiter))}} @placeholder={{@placeholder}} @searchPlaceholder={{@searchPlaceholder}} @optionsComponent={{component EuiComboBoxOptions rowHeight=@rowHeight truncationProps=@truncationProps class=@optionsClass singleSelection=(if @singleSelection true false) selectedOptions=this.selectedOptions searchField=@searchField isLoading=this.isLoadingOptions onFocusBadge=@onFocusBadge listboxAriaLabel=this.listboxAriaLabel}} @extra={{@extra}} @groupComponent={{component EuiComboBoxGroup}} @triggerClass={{classNames \"euiComboBox\" this.rootClass @inputPopoverProps.className (if @isDisabled \"euiComboBox-isDisabled\") (if this.markAsInvalid \"euiComboBox-isInvalid\") (if this.select.isOpen \"euiComboBox-isOpen\")}} @noMatchesMessageComponent={{if this.isLoadingOptions (component EuiComboBoxOptions isLoading=true loadingMessage=this.loadingMessage) (if (and @onCreateOption this.searchValue (not this.alwaysShowCreateOption) (not this.alreadyAddedMessage)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=false delimiter=@delimiter) (component EuiComboBoxNoMatchesMessage message=(if this.alreadyAddedMessage this.alreadyAddedMessage this.emptyStateMessage)))}} @dropdownClass={{this.dropdownClass}} as |option i|>\n  {{#if (has-block)}}\n    {{yield option i (if (this.isOptionRow i) this.searchValue \"\")}}\n  {{else if (this.isOptionRow i)}}\n    <EuiComboBoxOptionText @text={{this.labelFor option}} @search={{this.searchValue}} @isCaseSensitive={{@isCaseSensitive}} @rowHeight={{@rowHeight}} @truncationProps={{this.truncationFor option}} @width={{this.optionWidth}} @onResize={{this.setOptionWidth}} />\n  {{else}}\n    {{this.labelFor option}}\n  {{/if}}\n</PowerSelect>", {
       strictMode: true,
       scope: () => ({
         PowerSelect,
@@ -975,6 +987,22 @@ class EuiComboBoxComponent extends Component {
       if (api?.highlighted !== undefined) api.actions.highlight?.(undefined);
       return;
     }
+    if (!next) {
+      // Focus left for nowhere, which is also what Chrome reports when it
+      // blurs the focused input while Glimmer removes the combo box. That
+      // happens inside the render, which has already read ember-basic-
+      // dropdown's `_isOpen`, so closing the list there trips an autotracking
+      // assertion (development builds). Leave after the render instead, and
+      // not at all when the combo box is being torn down.
+      schedule('actions', this, this.leaveComboBox, event, api);
+      return;
+    }
+    this.leaveComboBox(event, api);
+  }
+  /** The rest of `containerBlur`: focus has left the combo box. */
+  leaveComboBox(event, blurApi) {
+    if (this.isDestroying || this.isDestroyed) return;
+    const api = this.select ?? blurApi;
     this.args.onBlur?.(api, event);
     const hasActiveOption = Boolean(api?.isOpen && api.highlighted !== undefined);
     this.hasFocus = false;
@@ -1117,7 +1145,14 @@ function toList(collection) {
   if (!collection) return [];
   if (Array.isArray(collection)) return collection;
   if (isArray(collection)) {
-    return collection.slice();
+    // Ember arrays, ArrayProxy, PromiseManyArray (ember-data), …
+    const list = collection;
+    if (typeof list.slice === 'function') return list.slice();
+    if (typeof list.toArray === 'function') return list.toArray();
+    if (typeof list[Symbol.iterator] === 'function') {
+      return Array.from(list);
+    }
+    return list.content ? toList(list.content) : [];
   }
   return [];
 }