@ember-eui/core 16.0.3 → 16.0.4

package/dist/components/eui-combo-box/option-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"option-text.js","sources":["../../../src/components/eui-combo-box/option-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport EuiHighlight from '../eui-highlight.gts';\nimport EuiMark from '../eui-mark.gts';\nimport EuiTextTruncate from '../eui-text-truncate.gts';\n\nimport type { EuiTextTruncateSignature } from '../eui-text-truncate';\n\n/** EuiTextTruncate arguments for options (upstream `truncationProps`). */\nexport type EuiComboBoxTruncationProps = Partial<\n  Omit<EuiTextTruncateSignature['Args'], 'text'>\n>;\n\ninterface Signature {\n  Args: {\n    /** The option's label. */\n    text: string;\n    /** The search text (untrimmed). */\n    search?: string;\n    isCaseSensitive?: boolean;\n    /** `'auto'` wraps the text instead of truncating it. */\n    rowHeight?: number | 'auto';\n    /** EuiComboBox's `@truncationProps` merged with the option's own. */\n    truncationProps?: EuiComboBoxTruncationProps;\n    /** Width shared by the rows, so only the first ones measure. */\n    width?: number;\n    onResize?: (width: number) => void;\n  };\n}\n\n/**\n * @private The default option content of EuiComboBox's list, upstream\n * `renderTruncatedOption` / `renderVariableHeightOption`: CSS truncation\n * by default, EuiTextTruncate with `truncationProps`, and while searching\n * the match is highlighted and kept visible (`startEnd` truncation\n * around it).\n */\nexport default class EuiComboBoxOptionText extends Component<Signature> {\n  get search(): string {\n    return (this.args.search ?? '').trim();\n  }\n\n  get isAuto(): boolean {\n    return this.args.rowHeight === 'auto';\n  }\n\n  /** Upstream `searchPositionCenter`. */\n  get truncationPosition(): number {\n    const { text, isCaseSensitive } = this.args;\n    const search = this.search;\n    const start = isCaseSensitive\n      ? text.indexOf(search)\n      : text.toLowerCase().indexOf(search.toLowerCase());\n\n    return start + Math.floor(search.length / 2);\n  }\n\n  /** Shorter truncated text than the search: mark all of it (upstream). */\n  isShort = (text: string) => text.length < this.search.length;\n\n  <template>\n    {{#if this.isAuto}}\n      {{#if this.search}}\n        <EuiHighlight\n          @text={{@text}}\n          @search={{this.search}}\n          @strict={{@isCaseSensitive}}\n        />\n      {{else}}\n        {{@text}}\n      {{/if}}\n    {{else if this.search}}\n      <EuiTextTruncate\n        @text={{@text}}\n        @width={{if @truncationProps.width @truncationProps.width @width}}\n        @onResize={{@onResize}}\n        @truncationOffset={{@truncationProps.truncationOffset}}\n        @ellipsis={{@truncationProps.ellipsis}}\n        @calculationDelayMs={{@truncationProps.calculationDelayMs}}\n        @toolTipProps={{@truncationProps.toolTipProps}}\n        @truncation=\"startEnd\"\n        @truncationPosition={{this.truncationPosition}}\n        as |text|\n      >\n        {{#if (this.isShort text)}}\n          <EuiMark>{{text}}</EuiMark>\n        {{else}}\n          <EuiHighlight\n            @text={{text}}\n            @search={{this.search}}\n            @strict={{@isCaseSensitive}}\n          />\n        {{/if}}\n      </EuiTextTruncate>\n    {{else if @truncationProps}}\n      <EuiTextTruncate\n        @text={{@text}}\n        @width={{if @truncationProps.width @truncationProps.width @width}}\n        @onResize={{@onResize}}\n        @truncation={{@truncationProps.truncation}}\n        @truncationOffset={{@truncationProps.truncationOffset}}\n        @truncationPosition={{@truncationProps.truncationPosition}}\n        @ellipsis={{@truncationProps.ellipsis}}\n        @calculationDelayMs={{@truncationProps.calculationDelayMs}}\n        @toolTipProps={{@truncationProps.toolTipProps}}\n      />\n    {{else}}\n      {{@text}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiComboBoxOptionText","Component","search","args","trim","isAuto","rowHeight","truncationPosition","text","isCaseSensitive","start","indexOf","toLowerCase","Math","floor","length","isShort","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHighlight","EuiTextTruncate","EuiMark"],"mappings":";;;;;;;AA8BA;;;;;;;AAOe,MAAMA,qBAAA,SAA8BC,SAAA,CAAU;EAC3D,IAAIC,MAAAA,GAAiB;IACnB,OAAO,CAAC,IAAI,CAACC,IAAI,CAACD,MAAM,IAAI,EAAE,EAAEE,IAAI,EAAA;AACtC,EAAA;EAEA,IAAIC,MAAAA,GAAkB;AACpB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACG,SAAS,KAAK,MAAA;AACjC,EAAA;AAEA;EACA,IAAIC,kBAAAA,GAA6B;IAC/B,MAAM;MAAEC,IAAI;AAAEC,MAAAA;KAAiB,GAAG,IAAI,CAACN,IAAI;AAC3C,IAAA,MAAMD,MAAA,GAAS,IAAI,CAACA,MAAM;IAC1B,MAAMQ,KAAA,GAAQD,eAAA,GACVD,IAAA,CAAKG,OAAO,CAACT,MAAA,CAAA,GACbM,IAAA,CAAKI,WAAW,EAAA,CAAGD,OAAO,CAACT,MAAA,CAAOU,WAAW,EAAA,CAAA;IAEjD,OAAOF,QAAQG,IAAA,CAAKC,KAAK,CAACZ,MAAA,CAAOa,MAAM,GAAG,CAAA,CAAA;AAC5C,EAAA;AAEA;EACAC,OAAA,GAAWR,IAAY,IAAKA,IAAA,CAAKO,MAAM,GAAG,IAAI,CAACb,MAAM,CAACa,MAAM;AAE5D,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,0yCAAA,EAiDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,eAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"option-text.js","sources":["../../../src/components/eui-combo-box/option-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport EuiHighlight, { highlightChunks } from '../eui-highlight.gts';\nimport EuiMark from '../eui-mark.gts';\nimport EuiTextTruncate from '../eui-text-truncate.gts';\n\nimport type { EuiTextTruncateSignature } from '../eui-text-truncate';\n\n/** EuiTextTruncate arguments for options (upstream `truncationProps`). */\nexport type EuiComboBoxTruncationProps = Partial<\n  Omit<EuiTextTruncateSignature['Args'], 'text'>\n>;\n\ninterface Signature {\n  Args: {\n    /** The option's label. */\n    text: string;\n    /** The search text (untrimmed). */\n    search?: string;\n    isCaseSensitive?: boolean;\n    /** EuiComboBox's `ignoreAccents`, to highlight what it matched. */\n    ignoreAccents?: boolean;\n    /** `'auto'` wraps the text instead of truncating it. */\n    rowHeight?: number | 'auto';\n    /** EuiComboBox's `@truncationProps` merged with the option's own. */\n    truncationProps?: EuiComboBoxTruncationProps;\n    /** Width shared by the rows, so only the first ones measure. */\n    width?: number;\n    onResize?: (width: number) => void;\n  };\n}\n\n/**\n * @private The default option content of EuiComboBox's list, upstream\n * `renderTruncatedOption` / `renderVariableHeightOption`: CSS truncation\n * by default, EuiTextTruncate with `truncationProps`, and while searching\n * the match is highlighted and kept visible (`startEnd` truncation\n * around it).\n */\nexport default class EuiComboBoxOptionText extends Component<Signature> {\n  get search(): string {\n    return (this.args.search ?? '').trim();\n  }\n\n  get isAuto(): boolean {\n    return this.args.rowHeight === 'auto';\n  }\n\n  /**\n   * Upstream `searchPositionCenter`: the middle of the match, found like\n   * EuiHighlight finds it (the match is not always the search's length\n   * when ignoring accents).\n   */\n  get truncationPosition(): number {\n    const { text, isCaseSensitive, ignoreAccents } = this.args;\n    const search = this.search;\n    const chunks = highlightChunks(text, search, isCaseSensitive, false, ignoreAccents);\n    const index = chunks.findIndex((chunk) => chunk.highlight);\n\n    if (index < 0) return -1 + Math.floor(search.length / 2);\n\n    const start = chunks.slice(0, index).reduce((length, chunk) => length + chunk.text.length, 0);\n\n    return start + Math.floor(chunks[index]!.text.length / 2);\n  }\n\n  /** Shorter truncated text than the search: mark all of it (upstream). */\n  isShort = (text: string) => text.length < this.search.length;\n\n  <template>\n    {{#if this.isAuto}}\n      {{#if this.search}}\n        <EuiHighlight\n          @text={{@text}}\n          @search={{this.search}}\n          @strict={{@isCaseSensitive}}\n          @ignoreAccents={{@ignoreAccents}}\n        />\n      {{else}}\n        {{@text}}\n      {{/if}}\n    {{else if this.search}}\n      <EuiTextTruncate\n        @text={{@text}}\n        @width={{if @truncationProps.width @truncationProps.width @width}}\n        @onResize={{@onResize}}\n        @truncationOffset={{@truncationProps.truncationOffset}}\n        @ellipsis={{@truncationProps.ellipsis}}\n        @calculationDelayMs={{@truncationProps.calculationDelayMs}}\n        @toolTipProps={{@truncationProps.toolTipProps}}\n        @truncation=\"startEnd\"\n        @truncationPosition={{this.truncationPosition}}\n        as |text|\n      >\n        {{#if (this.isShort text)}}\n          <EuiMark>{{text}}</EuiMark>\n        {{else}}\n          <EuiHighlight\n            @text={{text}}\n            @search={{this.search}}\n            @strict={{@isCaseSensitive}}\n            @ignoreAccents={{@ignoreAccents}}\n          />\n        {{/if}}\n      </EuiTextTruncate>\n    {{else if @truncationProps}}\n      <EuiTextTruncate\n        @text={{@text}}\n        @width={{if @truncationProps.width @truncationProps.width @width}}\n        @onResize={{@onResize}}\n        @truncation={{@truncationProps.truncation}}\n        @truncationOffset={{@truncationProps.truncationOffset}}\n        @truncationPosition={{@truncationProps.truncationPosition}}\n        @ellipsis={{@truncationProps.ellipsis}}\n        @calculationDelayMs={{@truncationProps.calculationDelayMs}}\n        @toolTipProps={{@truncationProps.toolTipProps}}\n      />\n    {{else}}\n      {{@text}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiComboBoxOptionText","Component","search","args","trim","isAuto","rowHeight","truncationPosition","text","isCaseSensitive","ignoreAccents","chunks","highlightChunks","index","findIndex","chunk","highlight","Math","floor","length","start","slice","reduce","isShort","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHighlight","EuiTextTruncate","EuiMark"],"mappings":";;;;;;;AAgCA;;;;;;;AAOe,MAAMA,qBAAA,SAA8BC,SAAA,CAAU;EAC3D,IAAIC,MAAAA,GAAiB;IACnB,OAAO,CAAC,IAAI,CAACC,IAAI,CAACD,MAAM,IAAI,EAAE,EAAEE,IAAI,EAAA;AACtC,EAAA;EAEA,IAAIC,MAAAA,GAAkB;AACpB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACG,SAAS,KAAK,MAAA;AACjC,EAAA;AAEA;;;;;EAKA,IAAIC,kBAAAA,GAA6B;IAC/B,MAAM;MAAEC,IAAI;MAAEC,eAAe;AAAEC,MAAAA;KAAe,GAAG,IAAI,CAACP,IAAI;AAC1D,IAAA,MAAMD,MAAA,GAAS,IAAI,CAACA,MAAM;AAC1B,IAAA,MAAMS,MAAA,GAASC,eAAA,CAAgBJ,IAAA,EAAMN,MAAA,EAAQO,iBAAiB,KAAA,EAAOC,aAAA,CAAA;IACrE,MAAMG,QAAQF,MAAA,CAAOG,SAAS,CAAEC,KAAA,IAAUA,MAAMC,SAAS,CAAA;AAEzD,IAAA,IAAIH,KAAA,GAAQ,CAAA,EAAG,OAAO,EAAC,GAAII,KAAKC,KAAK,CAAChB,MAAA,CAAOiB,MAAM,GAAG,CAAA,CAAA;IAEtD,MAAMC,QAAQT,MAAA,CAAOU,KAAK,CAAC,CAAA,EAAGR,OAAOS,MAAM,CAAC,CAACH,MAAA,EAAQJ,UAAUI,MAAA,GAASJ,KAAA,CAAMP,IAAI,CAACW,MAAM,EAAE,CAAA,CAAA;AAE3F,IAAA,OAAOC,KAAA,GAAQH,IAAA,CAAKC,KAAK,CAACP,MAAM,CAACE,KAAA,CAAM,CAAEL,IAAI,CAACW,MAAM,GAAG,CAAA,CAAA;AACzD,EAAA;AAEA;EACAI,OAAA,GAAWf,IAAY,IAAKA,IAAA,CAAKW,MAAM,GAAG,IAAI,CAACjB,MAAM,CAACiB,MAAM;AAE5D,EAAA;IAAAK,oBAAA,CAAAC,kBAAA,CAAA,82CAAA,EAmDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,eAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -452,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 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>", {
+    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}} @ignoreAccents={{this.ignoreAccents}} @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,