@ember-eui/core 13.0.5 → 14.0.0

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

@@ -1,14 +1,14 @@
 import Component from '@glimmer/component';
 import { on } from '@ember/modifier';
 import { get } from '@ember/object';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
 import { htmlSafe, isHTMLSafe } from '@ember/template';
 import style from 'ember-style-modifier/modifiers/style';
 import EuiBadge from '../eui-badge.js';
 import EuiTextComponent from '../eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 function unwrap(input) {
   if (isHTMLSafe(input)) {
@@ -18,7 +18,7 @@ function unwrap(input) {
 }
 class EuiComboBoxCreateOptionComponent extends Component {
   static {
-    g(this.prototype, "euiI18n", [inject]);
+    g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
   _regex = /\{\s*(.*?)\s*\}/g;
@@ -27,15 +27,15 @@ class EuiComboBoxCreateOptionComponent extends Component {
   }
   get formattedString() {
     if (this.args.customOptionText && typeof this.args.customOptionText === 'string') {
-      let str = unwrap(this.args.customOptionText);
-      let context = {
+      const str = unwrap(this.args.customOptionText);
+      const context = {
         searchText: this.args.select.searchText
       };
       return htmlSafe(str.replace(this._regex, (_s, p1, p2) => {
         return get(context, p1 || p2);
       }));
     } else {
-      let str = unwrap(this.euiI18n.lookupToken('euiComboBox.customOptionText', 'Add&nbsp;<strong>{searchText}</strong>&nbsp;as custom option', {
+      const str = unwrap(this.euiI18n.lookupToken('euiComboBox.customOptionText', 'Add&nbsp;<strong>{searchText}</strong>&nbsp;as custom option', {
         searchText: this.args.select.searchText
       }));
       return htmlSafe(str);
@@ -60,7 +60,7 @@ class EuiComboBoxCreateOptionComponent extends Component {
     };
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class=\"euiComboBoxOptionsList__rowWrap\" {{style this.extraStyling.container}} {{!--template-lint-disable no-invalid-interactive--}} {{on \"pointerup\" @onCreateOption}}>\n      <EuiText class=\"euiComboBoxOptionsList__empty\" @size=\"xs\" {{style this.extraStyling.content}}>\n        <div class=\"euiComboBoxOption__contentWrapper\">\n          <p class=\"euiComboBoxOption__emptyStateText\">\n            {{this.formattedString}}\n          </p>\n\n          <EuiBadge class=\"euiComboBoxOption__enterBadge\" @color=\"hollow\" @iconType={{unless @alwaysShow \"returnKey\"}}>\n            {{#if @alwaysShow}}\n              {{this.createLabel}}\n            {{/if}}\n          </EuiBadge>\n        </div>\n      </EuiText>\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class=\"euiComboBoxOptionsList__rowWrap\" {{style this.extraStyling.container}} {{!--template-lint-disable no-invalid-interactive--}} {{on \"pointerup\" @onCreateOption}}>\n  <EuiText class=\"euiComboBoxOptionsList__empty\" @size=\"xs\" {{style this.extraStyling.content}}>\n    <div class=\"euiComboBoxOption__contentWrapper\">\n      <p class=\"euiComboBoxOption__emptyStateText\">\n        {{this.formattedString}}\n      </p>\n\n      <EuiBadge class=\"euiComboBoxOption__enterBadge\" @color=\"hollow\" @iconType={{unless @alwaysShow \"returnKey\"}}>\n        {{#if @alwaysShow}}\n          {{this.createLabel}}\n        {{/if}}\n      </EuiBadge>\n    </div>\n  </EuiText>\n</div>", {
       strictMode: true,
       scope: () => ({
         style,

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

@@ -1 +1 @@
-{"version":3,"file":"create-option.js","sources":["../../../src/components/eui-combo-box/create-option.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { get } from '@ember/object';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe, isHTMLSafe } from '@ember/template';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport EuiBadge from '../eui-badge.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiI18n from '../../services/eui-i18n';\n\nfunction unwrap(input: string) {\n  if (isHTMLSafe(input)) {\n    return input.toString();\n  }\n\n  return input;\n}\n\nexport interface EuiComboBoxCreateOptionSignature {\n  Args: {\n    customOptionText?: string;\n    select: { searchText: string };\n    onCreateOption: () => void;\n    alwaysShow?: boolean;\n  };\n}\n\nexport default class EuiComboBoxCreateOptionComponent extends Component<EuiComboBoxCreateOptionSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  _regex = /\\{\\s*(.*?)\\s*\\}/g;\n\n  get createLabel() {\n    return this.euiI18n.lookupToken('euiComboBox.createLabel', 'Create');\n  }\n\n  get formattedString(): ReturnType<typeof htmlSafe> {\n    if (\n      this.args.customOptionText &&\n      typeof this.args.customOptionText === 'string'\n    ) {\n      let str = unwrap(this.args.customOptionText);\n\n      let context = {\n        searchText: this.args.select.searchText\n      };\n\n      return htmlSafe(\n        str.replace(this._regex, (_s, p1, p2) => {\n          return get(context, p1 || p2);\n        })\n      );\n    } else {\n      let str = unwrap(\n        this.euiI18n.lookupToken(\n          'euiComboBox.customOptionText',\n          'Add&nbsp;<strong>{searchText}</strong>&nbsp;as custom option',\n          {\n            searchText: this.args.select.searchText\n          }\n        )\n      );\n\n      return htmlSafe(str);\n    }\n  }\n\n  get extraStyling() {\n    if (this.args.alwaysShow) {\n      return {\n        container: {\n          padding: '4px 12px',\n          cursor: 'pointer'\n        },\n        content: {\n          padding: '0px'\n        }\n      };\n    }\n\n    return {\n      container: {\n        cursor: 'pointer'\n      }\n    };\n  }\n\n  <template>\n    <div\n      class=\"euiComboBoxOptionsList__rowWrap\"\n      {{style this.extraStyling.container}}\n      {{!template-lint-disable no-invalid-interactive}}\n      {{on \"pointerup\" @onCreateOption}}\n    >\n      <EuiText\n        class=\"euiComboBoxOptionsList__empty\"\n        @size=\"xs\"\n        {{style this.extraStyling.content}}\n      >\n        <div class=\"euiComboBoxOption__contentWrapper\">\n          <p class=\"euiComboBoxOption__emptyStateText\">\n            {{this.formattedString}}\n          </p>\n\n          <EuiBadge\n            class=\"euiComboBoxOption__enterBadge\"\n            @color=\"hollow\"\n            @iconType={{unless @alwaysShow \"returnKey\"}}\n          >\n            {{#if @alwaysShow}}\n              {{this.createLabel}}\n            {{/if}}\n          </EuiBadge>\n        </div>\n      </EuiText>\n    </div>\n  </template>\n}\n"],"names":["unwrap","input","isHTMLSafe","toString","EuiComboBoxCreateOptionComponent","Component","g","prototype","service","i","void 0","_regex","createLabel","euiI18n","lookupToken","formattedString","args","customOptionText","str","context","searchText","select","htmlSafe","replace","_s","p1","p2","get","extraStyling","alwaysShow","container","padding","cursor","content","setComponentTemplate","precompileTemplate","strictMode","scope","style","on","EuiText","EuiBadge"],"mappings":";;;;;;;;;;;;AAaA,SAASA,MAAAA,CAAOC,KAAa,EAAA;AAC3B,EAAA,IAAIC,WAAWD,KAAQ,CAAA,EAAA;AACrB,IAAA,OAAOA,MAAME,QAAQ,EAAA;AACvB;AAEA,EAAA,OAAOF,KAAA;AACT;AAWe,MAAMG,yCAAyCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrEC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;AAEDC,EAAAA,MAAA,GAAS,kBAAmB;EAE5B,IAAIC,WAAcA,GAAA;IAChB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,yBAA2B,EAAA,QAAA,CAAA;AAC7D;EAEA,IAAIC,eAAAA,GAA+C;AACjD,IAAA,IACE,IAAI,CAACC,IAAI,CAACC,gBAAgB,IAC1B,OAAO,IAAI,CAACD,IAAI,CAACC,gBAAgB,KAAK,QACtC,EAAA;MACA,IAAIC,MAAMlB,MAAO,CAAA,IAAI,CAACgB,IAAI,CAACC,gBAAgB,CAAA;AAE3C,MAAA,IAAIE,OAAU,GAAA;AACZC,QAAAA,UAAA,EAAY,IAAI,CAACJ,IAAI,CAACK,MAAM,CAACD;OAC/B;AAEA,MAAA,OAAOE,QAAA,CACLJ,GAAI,CAAAK,OAAO,CAAC,IAAI,CAACZ,MAAM,EAAE,CAACa,EAAA,EAAIC,EAAI,EAAAC,EAAA,KAAA;AAChC,QAAA,OAAOC,GAAA,CAAIR,SAASM,EAAM,IAAAC,EAAA,CAAA;AAC5B,OAAA,CAAA,CAAA;AAEJ,KAAO,MAAA;AACL,MAAA,IAAIR,GAAA,GAAMlB,OACR,IAAI,CAACa,OAAO,CAACC,WAAW,CACtB,8BAAA,EACA,8DACA,EAAA;AACEM,QAAAA,UAAA,EAAY,IAAI,CAACJ,IAAI,CAACK,MAAM,CAACD;AAC/B,OAAA,CAAA,CAAA;MAIJ,OAAOE,QAAS,CAAAJ,GAAA,CAAA;AAClB;AACF;EAEA,IAAIU,YAAeA,GAAA;AACjB,IAAA,IAAI,IAAI,CAACZ,IAAI,CAACa,UAAU,EAAE;MACxB,OAAO;AACLC,QAAAA,SAAW,EAAA;AACTC,UAAAA,OAAS,EAAA,UAAA;AACTC,UAAAA,MAAQ,EAAA;SACV;AACAC,QAAAA,OAAS,EAAA;AACPF,UAAAA,OAAS,EAAA;AACX;OACF;AACF;IAEA,OAAO;AACLD,MAAAA,SAAW,EAAA;AACTE,QAAAA,MAAQ,EAAA;AACV;KACF;AACF;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CA6BA,kvBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,EAAA;iBAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"create-option.js","sources":["../../../src/components/eui-combo-box/create-option.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { get } from '@ember/object';\nimport { service } from '@ember/service';\nimport { htmlSafe, isHTMLSafe } from '@ember/template';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport EuiBadge from '../eui-badge.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiI18n from '../../services/eui-i18n';\n\nfunction unwrap(input: string) {\n  if (isHTMLSafe(input)) {\n    return input.toString();\n  }\n\n  return input;\n}\n\nexport interface EuiComboBoxCreateOptionSignature {\n  Args: {\n    customOptionText?: string;\n    select: { searchText: string };\n    onCreateOption: () => void;\n    alwaysShow?: boolean;\n  };\n}\n\nexport default class EuiComboBoxCreateOptionComponent extends Component<EuiComboBoxCreateOptionSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  _regex = /\\{\\s*(.*?)\\s*\\}/g;\n\n  get createLabel() {\n    return this.euiI18n.lookupToken('euiComboBox.createLabel', 'Create');\n  }\n\n  get formattedString(): ReturnType<typeof htmlSafe> {\n    if (\n      this.args.customOptionText &&\n      typeof this.args.customOptionText === 'string'\n    ) {\n      const str = unwrap(this.args.customOptionText);\n\n      const context = {\n        searchText: this.args.select.searchText\n      };\n\n      return htmlSafe(\n        str.replace(this._regex, (_s, p1, p2) => {\n          return get(context, p1 || p2);\n        })\n      );\n    } else {\n      const str = unwrap(\n        this.euiI18n.lookupToken(\n          'euiComboBox.customOptionText',\n          'Add&nbsp;<strong>{searchText}</strong>&nbsp;as custom option',\n          {\n            searchText: this.args.select.searchText\n          }\n        )\n      );\n\n      return htmlSafe(str);\n    }\n  }\n\n  get extraStyling() {\n    if (this.args.alwaysShow) {\n      return {\n        container: {\n          padding: '4px 12px',\n          cursor: 'pointer'\n        },\n        content: {\n          padding: '0px'\n        }\n      };\n    }\n\n    return {\n      container: {\n        cursor: 'pointer'\n      }\n    };\n  }\n\n  <template>\n    <div\n      class=\"euiComboBoxOptionsList__rowWrap\"\n      {{style this.extraStyling.container}}\n      {{!template-lint-disable no-invalid-interactive}}\n      {{on \"pointerup\" @onCreateOption}}\n    >\n      <EuiText\n        class=\"euiComboBoxOptionsList__empty\"\n        @size=\"xs\"\n        {{style this.extraStyling.content}}\n      >\n        <div class=\"euiComboBoxOption__contentWrapper\">\n          <p class=\"euiComboBoxOption__emptyStateText\">\n            {{this.formattedString}}\n          </p>\n\n          <EuiBadge\n            class=\"euiComboBoxOption__enterBadge\"\n            @color=\"hollow\"\n            @iconType={{unless @alwaysShow \"returnKey\"}}\n          >\n            {{#if @alwaysShow}}\n              {{this.createLabel}}\n            {{/if}}\n          </EuiBadge>\n        </div>\n      </EuiText>\n    </div>\n  </template>\n}\n"],"names":["unwrap","input","isHTMLSafe","toString","EuiComboBoxCreateOptionComponent","Component","g","prototype","service","i","_regex","createLabel","euiI18n","lookupToken","formattedString","args","customOptionText","str","context","searchText","select","htmlSafe","replace","_s","p1","p2","get","extraStyling","alwaysShow","container","padding","cursor","content","setComponentTemplate","precompileTemplate","strictMode","scope","style","on","EuiText","EuiBadge"],"mappings":";;;;;;;;;;;;AAaA,SAASA,MAAAA,CAAOC,KAAa,EAAA;AAC3B,EAAA,IAAIC,WAAWD,KAAQ,CAAA,EAAA;AACrB,IAAA,OAAOA,MAAME,QAAQ,EAAA;AACvB;AAEA,EAAA,OAAOF,KAAA;AACT;AAWe,MAAMG,yCAAyCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAEDC,EAAAA,MAAA,GAAS,kBAAmB;EAE5B,IAAIC,WAAcA,GAAA;IAChB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,yBAA2B,EAAA,QAAA,CAAA;AAC7D;EAEA,IAAIC,eAAAA,GAA+C;AACjD,IAAA,IACE,IAAI,CAACC,IAAI,CAACC,gBAAgB,IAC1B,OAAO,IAAI,CAACD,IAAI,CAACC,gBAAgB,KAAK,QACtC,EAAA;MACA,MAAMC,MAAMjB,MAAO,CAAA,IAAI,CAACe,IAAI,CAACC,gBAAgB,CAAA;AAE7C,MAAA,MAAME,OAAU,GAAA;AACdC,QAAAA,UAAA,EAAY,IAAI,CAACJ,IAAI,CAACK,MAAM,CAACD;OAC/B;AAEA,MAAA,OAAOE,QAAA,CACLJ,GAAI,CAAAK,OAAO,CAAC,IAAI,CAACZ,MAAM,EAAE,CAACa,EAAA,EAAIC,EAAI,EAAAC,EAAA,KAAA;AAChC,QAAA,OAAOC,GAAA,CAAIR,SAASM,EAAM,IAAAC,EAAA,CAAA;AAC5B,OAAA,CAAA,CAAA;AAEJ,KAAO,MAAA;AACL,MAAA,MAAMR,GAAA,GAAMjB,OACV,IAAI,CAACY,OAAO,CAACC,WAAW,CACtB,8BAAA,EACA,8DACA,EAAA;AACEM,QAAAA,UAAA,EAAY,IAAI,CAACJ,IAAI,CAACK,MAAM,CAACD;AAC/B,OAAA,CAAA,CAAA;MAIJ,OAAOE,QAAS,CAAAJ,GAAA,CAAA;AAClB;AACF;EAEA,IAAIU,YAAeA,GAAA;AACjB,IAAA,IAAI,IAAI,CAACZ,IAAI,CAACa,UAAU,EAAE;MACxB,OAAO;AACLC,QAAAA,SAAW,EAAA;AACTC,UAAAA,OAAS,EAAA,UAAA;AACTC,UAAAA,MAAQ,EAAA;SACV;AACAC,QAAAA,OAAS,EAAA;AACPF,UAAAA,OAAS,EAAA;AACX;OACF;AACF;IAEA,OAAO;AACLD,MAAAA,SAAW,EAAA;AACTE,QAAAA,MAAQ,EAAA;AACV;KACF;AACF;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CA6BA,orBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,EAAA;iBAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiComboBoxGroup = setComponentTemplate(precompileTemplate("\n    <div class=\"ember-power-select-group\" aria-disabled={{if @group.disabled \"true\"}} ...attributes>\n      <div class=\"ember-power-select-group-name euiComboBoxTitle\">{{@group.groupName}}</div>\n      {{yield}}\n    </div>\n  ", {
+const EuiComboBoxGroup = setComponentTemplate(precompileTemplate("<div class=\"ember-power-select-group\" aria-disabled={{if @group.disabled \"true\"}} ...attributes>\n  <div class=\"ember-power-select-group-name euiComboBoxTitle\">{{@group.groupName}}</div>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());
 

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

@@ -1 +1 @@
-{"version":3,"file":"group.js","sources":["../../../src/components/eui-combo-box/group.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiComboBoxGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    group: {\n      groupName: string;\n      disabled: boolean;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiComboBoxGroup: TemplateOnlyComponent<EuiComboBoxGroupSignature> =\n  <template>\n    <div\n      class=\"ember-power-select-group\"\n      aria-disabled={{if @group.disabled \"true\"}}\n      ...attributes\n    >\n      <div\n        class=\"ember-power-select-group-name euiComboBoxTitle\"\n      >{{@group.groupName}}</div>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiComboBoxGroup;\n"],"names":["EuiComboBoxGroup","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAeA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,6OAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"group.js","sources":["../../../src/components/eui-combo-box/group.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiComboBoxGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    group: {\n      groupName: string;\n      disabled: boolean;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiComboBoxGroup: TemplateOnlyComponent<EuiComboBoxGroupSignature> =\n  <template>\n    <div\n      class=\"ember-power-select-group\"\n      aria-disabled={{if @group.disabled \"true\"}}\n      ...attributes\n    >\n      <div\n        class=\"ember-power-select-group-name euiComboBoxTitle\"\n      >{{@group.groupName}}</div>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiComboBoxGroup;\n"],"names":["EuiComboBoxGroup","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAeA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,uNAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-combo-box/no-matches-message.js

@@ -3,7 +3,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const NoMatchesMessageComponent = setComponentTemplate(precompileTemplate("\n  {{#if @noMatchesMessage}}\n    <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n      <p>\n        {{@noMatchesMessage}}\n      </p>\n    </EuiText>\n  {{/if}}\n", {
+const NoMatchesMessageComponent = setComponentTemplate(precompileTemplate("{{#if @noMatchesMessage}}\n  <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n    <p>\n      {{@noMatchesMessage}}\n    </p>\n  </EuiText>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     EuiText: EuiTextComponent

package/dist/components/eui-combo-box/no-matches-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-matches-message.js","sources":["../../../src/components/eui-combo-box/no-matches-message.gts"],"sourcesContent":["import EuiText from '../eui-text.gts';\n\nimport type { EuiTextSignature } from '../eui-text';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n  Element: EuiTextSignature['Element'];\n  Args: {\n    noMatchesMessage?: string;\n  };\n}\n\nconst NoMatchesMessageComponent: TemplateOnlyComponent<Signature> = <template>\n  {{#if @noMatchesMessage}}\n    <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n      <p>\n        {{@noMatchesMessage}}\n      </p>\n    </EuiText>\n  {{/if}}\n</template>;\n\nexport default NoMatchesMessageComponent;\n"],"names":["NoMatchesMessageComponent","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","templateOnly"],"mappings":";;;;;AAYA,MAAMA,yBAA8D,GAAAC,oBAAA,CAAAC,kBAAA,CAQpE,oMAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"no-matches-message.js","sources":["../../../src/components/eui-combo-box/no-matches-message.gts"],"sourcesContent":["import EuiText from '../eui-text.gts';\n\nimport type { EuiTextSignature } from '../eui-text';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n  Element: EuiTextSignature['Element'];\n  Args: {\n    noMatchesMessage?: string;\n  };\n}\n\nconst NoMatchesMessageComponent: TemplateOnlyComponent<Signature> = <template>\n  {{#if @noMatchesMessage}}\n    <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n      <p>\n        {{@noMatchesMessage}}\n      </p>\n    </EuiText>\n  {{/if}}\n</template>;\n\nexport default NoMatchesMessageComponent;\n"],"names":["NoMatchesMessageComponent","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","templateOnly"],"mappings":";;;;;AAYA,MAAMA,yBAA8D,GAAAC,oBAAA,CAAAC,kBAAA,CAQpE,kLAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -1,12 +1,9 @@
-import didInsert from '@ember/render-modifiers/modifiers/did-insert';
-import willDestroy from '@ember/render-modifiers/modifiers/will-destroy';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
 import { htmlSafe } from '@ember/template';
-import { EnsureSafeComponentHelper } from '@embroider/util';
-import VerticalCollection from '@html-next/vertical-collection/components/vertical-collection/component';
+import { VerticalCollection } from '@html-next/vertical-collection';
 import EmberPowerSelectOptions from 'ember-power-select/components/power-select/options';
 import emberPowerSelectIsEqual from 'ember-power-select/helpers/ember-power-select-is-equal';
-import emberPowerSelectIsGroupHelper, { emberPowerSelectIsGroup } from 'ember-power-select/helpers/ember-power-select-is-group';
+import emberPowerSelectIsGroup from 'ember-power-select/helpers/ember-power-select-is-group';
 import { not, and, eq } from 'ember-truth-helpers';
 import classNames from '../../helpers/class-names.js';
 import EuiBadge from '../eui-badge.js';
@@ -16,11 +13,11 @@ import EuiLoadingSpinner from '../eui-loading-spinner.js';
 import EuiTextComponent from '../eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {
   static {
-    g(this.prototype, "euiConfig", [inject]);
+    g(this.prototype, "euiConfig", [service]);
   }
   #euiConfig = (i(this, "euiConfig"), void 0);
   _optionsCache = [];
@@ -28,7 +25,7 @@ class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {
     if (this._optionsCache !== this.args.options) {
       this._optionsCache = this.args.options;
       return this.args.options?.reduce((acc, curr) => {
-        if (emberPowerSelectIsGroup([curr])) {
+        if (emberPowerSelectIsGroup(curr)) {
           acc.push(curr, ...curr.options);
         } else {
           acc.push(curr);
@@ -39,8 +36,8 @@ class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {
     return this._optionsCache;
   }
   _optionFromIndex(index) {
-    let parts = index.split('.');
-    let option = this.flattedOptions.at?.(parseInt(parts[0], 10));
+    const parts = index.split('.');
+    let option = this.flattedOptions[parseInt(parts[0], 10)];
     for (let i = 1; i < parts.length; i++) {
       option = option.options[parseInt(parts[i], 10)];
     }
@@ -57,19 +54,16 @@ class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {
     return htmlSafe(`height:${this.rowHeight}px;`);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{!-- @glint-nocheck: not typesafe yet --}}\n    {{#let (component (EnsureSafeComponentHelper @groupComponent)) as |Group|}}\n      {{#if @select.loading}}\n        <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n          <EuiFlexGroup @gutterSize=\"s\" @justifyContent=\"center\" @responsive={{false}}>\n            <EuiFlexItem @grow={{false}}>\n              <EuiLoadingSpinner @size=\"m\" />\n            </EuiFlexItem>\n            <EuiFlexItem @grow={{false}}>\n              {{@loadingMessage}}\n            </EuiFlexItem>\n          </EuiFlexGroup>\n        </EuiText>\n      {{else}}\n        {{!-- template-lint-disable --}}\n        <VerticalCollection @items={{this.flattedOptions}} @tagName=\"div\" @estimateHeight={{this.rowHeight}} @staticHeight={{true}} @bufferSize={{3}} style=\"overflow-y: auto;\" role=\"listbox\" aria-controls=\"ember-power-select-trigger-{{@select.uniqueId}}\" class={{classNames \"euiComboBoxOptionsList__rowWrap\" @class}} {{didInsert this.addHandlers}} {{willDestroy this.removeHandlers}} ...attributes as |opt index|>\n          {{!-- template-lint-enable --}}\n          {{#if (emberPowerSelectIsGroupHelper opt)}}\n            <Group @group={{opt}} @select={{@select}} @extra={{@extra}} style={{this.rowHeightString}} data-option-index=\"{{index}}\" />\n          {{else}}\n            <button type=\"button\" style={{this.rowHeightString}} class=\"euiFilterSelectItem\n                {{if (eq opt @select.highlighted) \" euiFilterSelectItem-isFocused\"}}\" aria-selected=\"{{emberPowerSelectIsEqual opt @select.selected}}\" aria-disabled={{if opt.disabled \"true\"}} aria-current=\"{{eq opt @select.highlighted}}\" data-option-index=\"{{index}}\" role=\"option\" tabindex={{if opt.disabled \"-1\" \"0\"}}>\n              <span class=\"euiComboBoxOption__contentWrapper\">\n                <span class=\"euiComboBoxOption__content\">\n                  {{yield opt index @select}}\n                </span>\n                {{#if (and (eq opt @select.highlighted) (not opt.disabled))}}\n                  {{!--template-lint-disable require-presentational-children--}}\n                  <EuiBadge class=\"euiComboBoxOption__enterBadge\" @color=\"hollow\" @iconType=\"returnKey\" aria-hidden=\"true\" />\n                {{/if}}\n              </span>\n            </button>\n          {{/if}}\n        </VerticalCollection>\n      {{/if}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{!-- @glint-nocheck: not typesafe yet --}}\n{{#let (component @groupComponent) as |Group|}}\n  {{#if @select.loading}}\n    <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n      <EuiFlexGroup @gutterSize=\"s\" @justifyContent=\"center\" @responsive={{false}}>\n        <EuiFlexItem @grow={{false}}>\n          <EuiLoadingSpinner @size=\"m\" />\n        </EuiFlexItem>\n        <EuiFlexItem @grow={{false}}>\n          {{@loadingMessage}}\n        </EuiFlexItem>\n      </EuiFlexGroup>\n    </EuiText>\n  {{else}}\n    {{!-- template-lint-disable --}}\n    <VerticalCollection @items={{this.flattedOptions}} @tagName=\"div\" @estimateHeight={{this.rowHeight}} @staticHeight={{true}} @bufferSize={{3}} style=\"overflow-y: auto;\" role=\"listbox\" aria-controls=\"ember-power-select-trigger-{{@select.uniqueId}}\" class={{classNames \"euiComboBoxOptionsList__rowWrap\" @class}} {{this.setupHandlers}} ...attributes as |opt index|>\n      {{!-- template-lint-enable --}}\n      {{#if (emberPowerSelectIsGroup opt)}}\n        <Group @group={{opt}} @select={{@select}} @extra={{@extra}} style={{this.rowHeightString}} data-option-index=\"{{index}}\" />\n      {{else}}\n        <button type=\"button\" style={{this.rowHeightString}} class=\"euiFilterSelectItem\n            {{if (eq opt @select.highlighted) \" euiFilterSelectItem-isFocused\"}}\" aria-selected=\"{{emberPowerSelectIsEqual opt @select.selected}}\" aria-disabled={{if opt.disabled \"true\"}} aria-current=\"{{eq opt @select.highlighted}}\" data-option-index=\"{{index}}\" role=\"option\" tabindex={{if opt.disabled \"-1\" \"0\"}}>\n          <span class=\"euiComboBoxOption__contentWrapper\">\n            <span class=\"euiComboBoxOption__content\">\n              {{yield opt index @select}}\n            </span>\n            {{#if (and (eq opt @select.highlighted) (not opt.disabled))}}\n              {{!--template-lint-disable require-presentational-children--}}\n              <EuiBadge class=\"euiComboBoxOption__enterBadge\" @color=\"hollow\" @iconType=\"returnKey\" aria-hidden=\"true\" />\n            {{/if}}\n          </span>\n        </button>\n      {{/if}}\n    </VerticalCollection>\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
-        EnsureSafeComponentHelper,
         EuiText: EuiTextComponent,
         EuiFlexGroup,
         EuiFlexItem,
         EuiLoadingSpinner,
         VerticalCollection,
         classNames,
-        didInsert,
-        willDestroy,
-        emberPowerSelectIsGroupHelper,
+        emberPowerSelectIsGroup,
         eq,
         emberPowerSelectIsEqual,
         and,

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

@@ -1 +1 @@
-{"version":3,"file":"options.js","sources":["../../../src/components/eui-combo-box/options.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport willDestroy from '@ember/render-modifiers/modifiers/will-destroy';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\nimport { EnsureSafeComponentHelper } from '@embroider/util';\n\n//@ts-expect-error\nimport VerticalCollection from '@html-next/vertical-collection/components/vertical-collection/component';\nimport EmberPowerSelectOptions from 'ember-power-select/components/power-select/options';\nimport emberPowerSelectIsEqual from 'ember-power-select/helpers/ember-power-select-is-equal';\nimport emberPowerSelectIsGroupHelper, {\n  emberPowerSelectIsGroup\n} from 'ember-power-select/helpers/ember-power-select-is-group';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport classNames from '../../helpers/class-names.ts';\nimport EuiBadge from '../eui-badge.gts';\nimport EuiFlexGroup from '../eui-flex-group.gts';\nimport EuiFlexItem from '../eui-flex-item.gts';\nimport EuiLoadingSpinner from '../eui-loading-spinner.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiConfigService from '../../services/eui-config';\n\nexport default class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {\n  @service declare euiConfig: EuiConfigService;\n  _optionsCache: any[] = [];\n\n  get flattedOptions() {\n    if (this._optionsCache !== this.args.options) {\n      this._optionsCache = this.args.options;\n\n      return this.args.options?.reduce((acc, curr) => {\n        if (emberPowerSelectIsGroup([curr])) {\n          acc.push(curr, ...curr.options);\n        } else {\n          acc.push(curr);\n        }\n\n        return acc;\n      }, []);\n    }\n\n    return this._optionsCache;\n  }\n\n  _optionFromIndex(index: string) {\n    let parts = index.split('.');\n    let option = this.flattedOptions.at?.(parseInt(parts[0]!, 10));\n\n    for (let i = 1; i < parts.length; i++) {\n      option = option.options[parseInt(parts[i]!, 10)];\n    }\n\n    return option;\n  }\n\n  get configRowHeight() {\n    return (\n      (this.euiConfig.getConfig('euiComboBoxOptionsHeight') as number) || 29\n    );\n  }\n\n  get rowHeight() {\n    //@ts-expect-error\n    return this.args.rowHeight ?? this.configRowHeight;\n  }\n\n  get rowHeightString() {\n    return htmlSafe(`height:${this.rowHeight}px;`);\n  }\n\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    {{#let (component (EnsureSafeComponentHelper @groupComponent)) as |Group|}}\n      {{#if @select.loading}}\n        <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n          <EuiFlexGroup\n            @gutterSize=\"s\"\n            @justifyContent=\"center\"\n            @responsive={{false}}\n          >\n            <EuiFlexItem @grow={{false}}>\n              <EuiLoadingSpinner @size=\"m\" />\n            </EuiFlexItem>\n            <EuiFlexItem @grow={{false}}>\n              {{@loadingMessage}}\n            </EuiFlexItem>\n          </EuiFlexGroup>\n        </EuiText>\n      {{else}}\n        {{! template-lint-disable }}\n        <VerticalCollection\n          @items={{this.flattedOptions}}\n          @tagName=\"div\"\n          @estimateHeight={{this.rowHeight}}\n          @staticHeight={{true}}\n          @bufferSize={{3}}\n          style=\"overflow-y: auto;\"\n          role=\"listbox\"\n          aria-controls=\"ember-power-select-trigger-{{@select.uniqueId}}\"\n          class={{classNames \"euiComboBoxOptionsList__rowWrap\" @class}}\n          {{didInsert this.addHandlers}}\n          {{willDestroy this.removeHandlers}}\n          ...attributes\n          as |opt index|\n        >\n          {{! template-lint-enable }}\n          {{#if (emberPowerSelectIsGroupHelper opt)}}\n            <Group\n              @group={{opt}}\n              @select={{@select}}\n              @extra={{@extra}}\n              style={{this.rowHeightString}}\n              data-option-index=\"{{index}}\"\n            />\n          {{else}}\n            <button\n              type=\"button\"\n              style={{this.rowHeightString}}\n              class=\"euiFilterSelectItem\n                {{if\n                  (eq opt @select.highlighted)\n                  ' euiFilterSelectItem-isFocused'\n                }}\"\n              aria-selected=\"{{emberPowerSelectIsEqual opt @select.selected}}\"\n              aria-disabled={{if opt.disabled \"true\"}}\n              aria-current=\"{{eq opt @select.highlighted}}\"\n              data-option-index=\"{{index}}\"\n              role=\"option\"\n              tabindex={{if opt.disabled \"-1\" \"0\"}}\n            >\n              <span class=\"euiComboBoxOption__contentWrapper\">\n                <span class=\"euiComboBoxOption__content\">\n                  {{yield opt index @select}}\n                </span>\n                {{#if (and (eq opt @select.highlighted) (not opt.disabled))}}\n                  {{!template-lint-disable require-presentational-children}}\n                  <EuiBadge\n                    class=\"euiComboBoxOption__enterBadge\"\n                    @color=\"hollow\"\n                    @iconType=\"returnKey\"\n                    aria-hidden=\"true\"\n                  />\n                {{/if}}\n              </span>\n            </button>\n          {{/if}}\n        </VerticalCollection>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiComboBoxOptionsComponent","EmberPowerSelectOptions","g","prototype","service","i","void 0","_optionsCache","flattedOptions","args","options","reduce","acc","curr","emberPowerSelectIsGroup","push","_optionFromIndex","index","parts","split","option","at","parseInt","length","configRowHeight","euiConfig","getConfig","rowHeight","rowHeightString","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","EnsureSafeComponentHelper","EuiText","EuiFlexGroup","EuiFlexItem","EuiLoadingSpinner","VerticalCollection","classNames","didInsert","willDestroy","emberPowerSelectIsGroupHelper","eq","emberPowerSelectIsEqual","and","not","EuiBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBe,MAAMA,2BAAoC,SAAAC,uBAAA,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACtDC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAAC,MAAA;AACDC,EAAAA,aAAe,GAAQ,EAAE;EAEzB,IAAIC,cAAiBA,GAAA;IACnB,IAAI,IAAI,CAACD,aAAa,KAAK,IAAI,CAACE,IAAI,CAACC,OAAO,EAAE;AAC5C,MAAA,IAAI,CAACH,aAAa,GAAG,IAAI,CAACE,IAAI,CAACC,OAAO;AAEtC,MAAA,OAAO,IAAI,CAACD,IAAI,CAACC,OAAO,EAAEC,MAAA,CAAO,CAACC,GAAK,EAAAC,IAAA,KAAA;AACrC,QAAA,IAAIC,uBAAwB,CAAA,CAACD,IAAA,CAAK,CAAG,EAAA;UACnCD,GAAA,CAAIG,IAAI,CAACF,IAAS,EAAA,GAAAA,IAAA,CAAKH,OAAO,CAAA;AAChC,SAAO,MAAA;AACLE,UAAAA,GAAA,CAAIG,IAAI,CAACF,IAAA,CAAA;AACX;AAEA,QAAA,OAAOD,GAAA;OACT,EAAG,EAAE,CAAA;AACP;IAEA,OAAO,IAAI,CAACL,aAAa;AAC3B;EAEAS,gBAAiBA,CAAAC,KAAa,EAAE;AAC9B,IAAA,IAAIC,KAAA,GAAQD,KAAM,CAAAE,KAAK,CAAC,GAAA,CAAA;AACxB,IAAA,IAAIC,MAAA,GAAS,IAAI,CAACZ,cAAc,CAACa,EAAE,GAAGC,QAAS,CAAAJ,KAAK,CAAC,CAAA,CAAE,EAAG,EAAA,CAAA,CAAA;AAE1D,IAAA,KAAK,IAAIb,CAAI,GAAA,CAAA,EAAGA,IAAIa,KAAM,CAAAK,MAAM,EAAElB,CAAK,EAAA,EAAA;AACrCe,MAAAA,MAAS,GAAAA,MAAA,CAAOV,OAAO,CAACY,QAAA,CAASJ,KAAK,CAACb,CAAA,CAAE,EAAG,EAAI,CAAA,CAAA;AAClD;AAEA,IAAA,OAAOe,MAAA;AACT;EAEA,IAAII,eAAkBA,GAAA;IACpB,OACG,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,0BAAA,CAAA,IAA0C,EACtE;AACF;EAEA,IAAIC,SAAYA,GAAA;AACd;IACA,OAAO,IAAI,CAAClB,IAAI,CAACkB,SAAS,IAAI,IAAI,CAACH,eAAe;AACpD;EAEA,IAAII,eAAkBA,GAAA;AACpB,IAAA,OAAOC,QAAA,CAAS,CAAA,OAAA,EAAU,IAAI,CAACF,SAAS,KAAK,CAAA;AAC/C;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CA+EA,y3EAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,yBAAA;iBAAAC,gBAAA;QAAAC,YAAA;QAAAC,WAAA;QAAAC,iBAAA;QAAAC,kBAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,WAAA;QAAAC,6BAAA;QAAAC,EAAA;QAAAC,uBAAA;QAAAC,GAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"options.js","sources":["../../../src/components/eui-combo-box/options.gts"],"sourcesContent":["import { service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\n\n//@ts-expect-error\nimport { VerticalCollection } from '@html-next/vertical-collection';\nimport EmberPowerSelectOptions from 'ember-power-select/components/power-select/options';\nimport emberPowerSelectIsEqual from 'ember-power-select/helpers/ember-power-select-is-equal';\nimport emberPowerSelectIsGroup from 'ember-power-select/helpers/ember-power-select-is-group';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport classNames from '../../helpers/class-names.ts';\nimport EuiBadge from '../eui-badge.gts';\nimport EuiFlexGroup from '../eui-flex-group.gts';\nimport EuiFlexItem from '../eui-flex-item.gts';\nimport EuiLoadingSpinner from '../eui-loading-spinner.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiConfigService from '../../services/eui-config';\n\nexport default class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {\n  @service declare euiConfig: EuiConfigService;\n  _optionsCache: readonly unknown[] = [];\n\n  get flattedOptions(): unknown[] {\n    if (this._optionsCache !== this.args.options) {\n      this._optionsCache = this.args.options;\n\n      return this.args.options?.reduce<unknown[]>((acc, curr) => {\n        if (emberPowerSelectIsGroup(curr)) {\n          acc.push(curr, ...curr.options);\n        } else {\n          acc.push(curr);\n        }\n\n        return acc;\n      }, []);\n    }\n\n    return this._optionsCache as unknown[];\n  }\n\n  _optionFromIndex(index: string) {\n    const parts = index.split('.');\n    let option: any = this.flattedOptions[parseInt(parts[0]!, 10)];\n\n    for (let i = 1; i < parts.length; i++) {\n      option = option.options[parseInt(parts[i]!, 10)];\n    }\n\n    return option;\n  }\n\n  get configRowHeight() {\n    return (\n      (this.euiConfig.getConfig('euiComboBoxOptionsHeight') as number) || 29\n    );\n  }\n\n  get rowHeight() {\n    //@ts-expect-error\n    return this.args.rowHeight ?? this.configRowHeight;\n  }\n\n  get rowHeightString() {\n    return htmlSafe(`height:${this.rowHeight}px;`);\n  }\n\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    {{#let (component @groupComponent) as |Group|}}\n      {{#if @select.loading}}\n        <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n          <EuiFlexGroup\n            @gutterSize=\"s\"\n            @justifyContent=\"center\"\n            @responsive={{false}}\n          >\n            <EuiFlexItem @grow={{false}}>\n              <EuiLoadingSpinner @size=\"m\" />\n            </EuiFlexItem>\n            <EuiFlexItem @grow={{false}}>\n              {{@loadingMessage}}\n            </EuiFlexItem>\n          </EuiFlexGroup>\n        </EuiText>\n      {{else}}\n        {{! template-lint-disable }}\n        <VerticalCollection\n          @items={{this.flattedOptions}}\n          @tagName=\"div\"\n          @estimateHeight={{this.rowHeight}}\n          @staticHeight={{true}}\n          @bufferSize={{3}}\n          style=\"overflow-y: auto;\"\n          role=\"listbox\"\n          aria-controls=\"ember-power-select-trigger-{{@select.uniqueId}}\"\n          class={{classNames \"euiComboBoxOptionsList__rowWrap\" @class}}\n          {{this.setupHandlers}}\n          ...attributes\n          as |opt index|\n        >\n          {{! template-lint-enable }}\n          {{#if (emberPowerSelectIsGroup opt)}}\n            <Group\n              @group={{opt}}\n              @select={{@select}}\n              @extra={{@extra}}\n              style={{this.rowHeightString}}\n              data-option-index=\"{{index}}\"\n            />\n          {{else}}\n            <button\n              type=\"button\"\n              style={{this.rowHeightString}}\n              class=\"euiFilterSelectItem\n                {{if\n                  (eq opt @select.highlighted)\n                  ' euiFilterSelectItem-isFocused'\n                }}\"\n              aria-selected=\"{{emberPowerSelectIsEqual opt @select.selected}}\"\n              aria-disabled={{if opt.disabled \"true\"}}\n              aria-current=\"{{eq opt @select.highlighted}}\"\n              data-option-index=\"{{index}}\"\n              role=\"option\"\n              tabindex={{if opt.disabled \"-1\" \"0\"}}\n            >\n              <span class=\"euiComboBoxOption__contentWrapper\">\n                <span class=\"euiComboBoxOption__content\">\n                  {{yield opt index @select}}\n                </span>\n                {{#if (and (eq opt @select.highlighted) (not opt.disabled))}}\n                  {{!template-lint-disable require-presentational-children}}\n                  <EuiBadge\n                    class=\"euiComboBoxOption__enterBadge\"\n                    @color=\"hollow\"\n                    @iconType=\"returnKey\"\n                    aria-hidden=\"true\"\n                  />\n                {{/if}}\n              </span>\n            </button>\n          {{/if}}\n        </VerticalCollection>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiComboBoxOptionsComponent","EmberPowerSelectOptions","g","prototype","service","i","_optionsCache","flattedOptions","args","options","reduce","acc","curr","emberPowerSelectIsGroup","push","_optionFromIndex","index","parts","split","option","parseInt","length","configRowHeight","euiConfig","getConfig","rowHeight","rowHeightString","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","EuiFlexGroup","EuiFlexItem","EuiLoadingSpinner","VerticalCollection","classNames","eq","emberPowerSelectIsEqual","and","not","EuiBadge"],"mappings":";;;;;;;;;;;;;;;;;AAmBe,MAAMA,2BAAoC,SAAAC,uBAAA,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACtDC,OAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AACDC,EAAAA,aAAwB,GAAY,EAAE;EAEtC,IAAIC,cAAAA,GAA4B;IAC9B,IAAI,IAAI,CAACD,aAAa,KAAK,IAAI,CAACE,IAAI,CAACC,OAAO,EAAE;AAC5C,MAAA,IAAI,CAACH,aAAa,GAAG,IAAI,CAACE,IAAI,CAACC,OAAO;AAEtC,MAAA,OAAO,IAAI,CAACD,IAAI,CAACC,OAAO,EAAEC,MAAA,CAAkB,CAACC,GAAK,EAAAC,IAAA,KAAA;AAChD,QAAA,IAAIC,wBAAwBD,IAAO,CAAA,EAAA;UACjCD,GAAA,CAAIG,IAAI,CAACF,IAAS,EAAA,GAAAA,IAAA,CAAKH,OAAO,CAAA;AAChC,SAAO,MAAA;AACLE,UAAAA,GAAA,CAAIG,IAAI,CAACF,IAAA,CAAA;AACX;AAEA,QAAA,OAAOD,GAAA;OACT,EAAG,EAAE,CAAA;AACP;IAEA,OAAO,IAAI,CAACL,aAAa;AAC3B;EAEAS,gBAAiBA,CAAAC,KAAa,EAAE;AAC9B,IAAA,MAAMC,KAAA,GAAQD,KAAM,CAAAE,KAAK,CAAC,GAAA,CAAA;AAC1B,IAAA,IAAIC,MAAW,GAAG,IAAI,CAACZ,cAAc,CAACa,QAAA,CAASH,KAAK,CAAC,CAAE,CAAA,EAAG,EAAI,CAAA,CAAA;AAE9D,IAAA,KAAK,IAAIZ,CAAI,GAAA,CAAA,EAAGA,IAAIY,KAAM,CAAAI,MAAM,EAAEhB,CAAK,EAAA,EAAA;AACrCc,MAAAA,MAAS,GAAAA,MAAA,CAAOV,OAAO,CAACW,QAAA,CAASH,KAAK,CAACZ,CAAA,CAAE,EAAG,EAAI,CAAA,CAAA;AAClD;AAEA,IAAA,OAAOc,MAAA;AACT;EAEA,IAAIG,eAAkBA,GAAA;IACpB,OACG,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,0BAAA,CAAA,IAA0C,EACtE;AACF;EAEA,IAAIC,SAAYA,GAAA;AACd;IACA,OAAO,IAAI,CAACjB,IAAI,CAACiB,SAAS,IAAI,IAAI,CAACH,eAAe;AACpD;EAEA,IAAII,eAAkBA,GAAA;AACpB,IAAA,OAAOC,QAAA,CAAS,CAAA,OAAA,EAAU,IAAI,CAACF,SAAS,KAAK,CAAA;AAC/C;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CA8EA,qpEAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;iBAAAC,gBAAA;QAAAC,YAAA;QAAAC,WAAA;QAAAC,iBAAA;QAAAC,kBAAA;QAAAC,UAAA;QAAAxB,uBAAA;QAAAyB,EAAA;QAAAC,uBAAA;QAAAC,GAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -3,7 +3,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const SearchMessageComponent = setComponentTemplate(precompileTemplate("\n  {{#if @searchMessage}}\n    <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n      <p>\n        {{@searchMessage}}\n      </p>\n    </EuiText>\n  {{/if}}\n", {
+const SearchMessageComponent = setComponentTemplate(precompileTemplate("{{#if @searchMessage}}\n  <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n    <p>\n      {{@searchMessage}}\n    </p>\n  </EuiText>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     EuiText: EuiTextComponent

package/dist/components/eui-combo-box/search-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-message.js","sources":["../../../src/components/eui-combo-box/search-message.gts"],"sourcesContent":["import EuiText from '../eui-text.gts';\n\nimport type { EuiTextSignature } from '../eui-text';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n  Element: EuiTextSignature['Element'];\n  Args: {\n    searchMessage?: string;\n  };\n}\n\nconst SearchMessageComponent: TemplateOnlyComponent<Signature> = <template>\n  {{#if @searchMessage}}\n    <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n      <p>\n        {{@searchMessage}}\n      </p>\n    </EuiText>\n  {{/if}}\n</template>;\n\nexport default SearchMessageComponent;\n"],"names":["SearchMessageComponent","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","templateOnly"],"mappings":";;;;;AAYA,MAAMA,sBAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAQjE,8LAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"search-message.js","sources":["../../../src/components/eui-combo-box/search-message.gts"],"sourcesContent":["import EuiText from '../eui-text.gts';\n\nimport type { EuiTextSignature } from '../eui-text';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n  Element: EuiTextSignature['Element'];\n  Args: {\n    searchMessage?: string;\n  };\n}\n\nconst SearchMessageComponent: TemplateOnlyComponent<Signature> = <template>\n  {{#if @searchMessage}}\n    <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n      <p>\n        {{@searchMessage}}\n      </p>\n    </EuiText>\n  {{/if}}\n</template>;\n\nexport default SearchMessageComponent;\n"],"names":["SearchMessageComponent","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","templateOnly"],"mappings":";;;;;AAYA,MAAMA,sBAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAQjE,4KAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -1,36 +1,33 @@
 import { on } from '@ember/modifier';
 import { action } from '@ember/object';
-import { scheduleOnce } from '@ember/runloop';
-import { htmlSafe } from '@ember/template';
-import { isBlank } from '@ember/utils';
-import EmberPowerSelectPowerSelectMultipleInputComponent from 'ember-power-select/components/power-select-multiple/input';
+import PowerSelectInput from 'ember-power-select/components/power-select/input';
 import { not, and } from 'ember-truth-helpers';
 import validatableControl from '../../../modifiers/validatable-control.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { n } from 'decorator-transforms/runtime';
+import { n } from 'decorator-transforms/runtime-esm';
 
-class EuiComboBoxTriggerInputComponent extends EmberPowerSelectPowerSelectMultipleInputComponent {
-  get triggerMultipleInputStyle() {
-    scheduleOnce('actions', null, this.args.select.actions.reposition);
-    let textWidth = 0;
-    // @ts-expect-error
-    if (this.inputFont) {
-      // @ts-expect-error
-      textWidth = this.textMeasurer.width(this.args.select.searchText,
-      // @ts-expect-error
-      this.inputFont);
+class EuiComboBoxTriggerInputComponent extends PowerSelectInput {
+  /**
+  * Shows @placeholder while nothing is selected (power-select 9's own
+  * `placeholder` getter uses @searchPlaceholder instead).
+  */
+  get maybePlaceholder() {
+    if (!this.args.isDefaultPlaceholder) {
+      return undefined;
     }
-    return htmlSafe(`box-sizing: content-box; width: ${textWidth + 2}px`);
+    const selected = this.args.select.selected;
+    // @ts-expect-error `placeholder` is passed by EuiComboBoxTrigger
+    return !selected || selected.length === 0 ? this.args.placeholder || '' : '';
   }
   handleKeydown(e) {
     if (e.target === null) return;
     if (this.args.onKeydown && this.args.onKeydown(e) === false) {
       if (
-      // @ts-expect-error
+      // @ts-expect-error `onCreateOption` is passed by EuiComboBoxTrigger
       this.args.onCreateOption &&
       //if user wants to create an option and
-      e.keyCode === 13 && (
+      e.key === 'Enter' && (
       //presses [Enter] and
       this.args.select.options.length === 0 ||
       //If There are no options or
@@ -38,24 +35,25 @@ class EuiComboBoxTriggerInputComponent extends EmberPowerSelectPowerSelectMultip
       //Last search made returned no results and
       this.args.select.searchText.length >= 1 //There's something in the searchText box
       ) {
-        // @ts-expect-error
+        // @ts-expect-error `onCreateOption` is passed by EuiComboBoxTrigger
         this.args.onCreateOption();
         return false;
       }
       e.stopPropagation();
       return false;
     }
-    if (e.keyCode === 8) {
+    if (e.key === 'Backspace') {
       e.stopPropagation();
-      if (isBlank(e.target.value)) {
-        let lastSelection = this.args.select.selected[this.args.select.selected.length - 1];
-        if (lastSelection) {
+      if (!e.target.value.trim()) {
+        const selected = this.args.select.selected;
+        const lastSelection = selected[selected.length - 1];
+        if (lastSelection && this.args.buildSelection) {
           this.args.select.actions.select(this.args.buildSelection(lastSelection, this.args.select), e);
           this.args.select.actions.search('');
           this.args.select.actions.open(e);
         }
       }
-    } else if (e.keyCode >= 48 && e.keyCode <= 90 || e.keyCode === 32) {
+    } else if (e.key?.length === 1 && /[a-z0-9 ]/i.test(e.key)) {
       // Keys 0-9, a-z or SPACE
       e.stopPropagation();
     }
@@ -64,7 +62,7 @@ class EuiComboBoxTriggerInputComponent extends EmberPowerSelectPowerSelectMultip
     n(this.prototype, "handleKeydown", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if (and this.maybePlaceholder (not @select.searchText))}}\n      <p class=\"euiComboBoxPlaceholder\">\n        {{this.maybePlaceholder}}\n      </p>\n    {{/if}}\n    <div class=\"euiComboBox__input\" style=\"font-size: 14px; display: inline-block; position: relative;\">\n      <input tabindex=\"-1\" style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\" class=\"fake-input-for-html-form-validity\" {{!--@glint-expect-error--}} {{validatableControl @isInvalid}} />\n      <input class=\"ember-power-select-trigger-multiple-input euiComboBox__input\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" {{!--@glint-expect-error--}} autofocus={{@autoFocus}} spellcheck={{false}} id=\"ember-power-select-trigger-multiple-input-{{@select.uniqueId}}\" value={{@select.searchText}} aria-controls={{@listboxId}} disabled={{@select.disabled}} tabindex={{@tabindex}} form=\"power-select-fake-form\" {{on \"focus\" @onFocus}} {{on \"blur\" @onBlur}} {{on \"input\" this.handleInput}} {{on \"keydown\" this.handleKeydown}} />\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if (and this.maybePlaceholder (not @select.searchText))}}\n  <p class=\"euiComboBoxPlaceholder\">\n    {{this.maybePlaceholder}}\n  </p>\n{{/if}}\n<div class=\"euiComboBox__input\" style=\"font-size: 14px; display: inline-block; position: relative;\">\n  <input tabindex=\"-1\" style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\" class=\"fake-input-for-html-form-validity\" {{!--@glint-expect-error--}} {{validatableControl @isInvalid}} />\n  <input class=\"ember-power-select-trigger-multiple-input euiComboBox__input\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" {{!--@glint-expect-error--}} autofocus={{@autoFocus}} spellcheck={{false}} id=\"ember-power-select-trigger-multiple-input-{{@select.uniqueId}}\" value={{@select.searchText}} aria-controls={{@listboxId}} disabled={{@select.disabled}} tabindex={{@tabindex}} form=\"power-select-fake-form\" {{on \"focus\" this.handleFocus}} {{on \"blur\" this.handleBlur}} {{on \"input\" this.handleInput}} {{on \"keydown\" this.handleKeydown}} />\n</div>", {
       strictMode: true,
       scope: () => ({
         and,

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../src/components/eui-combo-box/trigger/input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { scheduleOnce } from '@ember/runloop';\nimport { htmlSafe } from '@ember/template';\nimport { isBlank } from '@ember/utils';\n\nimport EmberPowerSelectPowerSelectMultipleInputComponent from 'ember-power-select/components/power-select-multiple/input';\nimport { and, not } from 'ember-truth-helpers';\n\nimport validatableControl from '../../../modifiers/validatable-control.ts';\n\nexport default class EuiComboBoxTriggerInputComponent extends EmberPowerSelectPowerSelectMultipleInputComponent {\n  get triggerMultipleInputStyle() {\n    scheduleOnce('actions', null, this.args.select.actions.reposition);\n\n    let textWidth = 0;\n\n    // @ts-expect-error\n    if (this.inputFont) {\n      // @ts-expect-error\n      textWidth = this.textMeasurer.width(\n        this.args.select.searchText,\n        // @ts-expect-error\n        this.inputFont\n      );\n    }\n\n    return htmlSafe(`box-sizing: content-box; width: ${textWidth + 2}px`);\n  }\n\n  @action\n  handleKeydown(e: KeyboardEvent): false | void {\n    if (e.target === null) return;\n\n    if (this.args.onKeydown && this.args.onKeydown(e) === false) {\n      if (\n        // @ts-expect-error\n        this.args.onCreateOption && //if user wants to create an option and\n        e.keyCode === 13 && //presses [Enter] and\n        (this.args.select.options.length === 0 || //If There are no options or\n          this.args.select.results.length === 0) && //Last search made returned no results and\n        this.args.select.searchText.length >= 1 //There's something in the searchText box\n      ) {\n        // @ts-expect-error\n        this.args.onCreateOption();\n\n        return false;\n      }\n\n      e.stopPropagation();\n\n      return false;\n    }\n\n    if (e.keyCode === 8) {\n      e.stopPropagation();\n\n      if (isBlank((e.target as HTMLInputElement).value)) {\n        let lastSelection =\n          this.args.select.selected[this.args.select.selected.length - 1];\n\n        if (lastSelection) {\n          this.args.select.actions.select(\n            this.args.buildSelection(lastSelection, this.args.select),\n            e\n          );\n          this.args.select.actions.search('');\n          this.args.select.actions.open(e);\n        }\n      }\n    } else if ((e.keyCode >= 48 && e.keyCode <= 90) || e.keyCode === 32) {\n      // Keys 0-9, a-z or SPACE\n      e.stopPropagation();\n    }\n  }\n\n  <template>\n    {{#if (and this.maybePlaceholder (not @select.searchText))}}\n      <p class=\"euiComboBoxPlaceholder\">\n        {{this.maybePlaceholder}}\n      </p>\n    {{/if}}\n    <div\n      class=\"euiComboBox__input\"\n      style=\"font-size: 14px; display: inline-block; position: relative;\"\n    >\n      <input\n        tabindex=\"-1\"\n        style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\"\n        class=\"fake-input-for-html-form-validity\"\n        {{!@glint-expect-error}}\n        {{validatableControl @isInvalid}}\n      />\n      <input\n        class=\"ember-power-select-trigger-multiple-input euiComboBox__input\"\n        autocomplete=\"off\"\n        autocorrect=\"off\"\n        autocapitalize=\"off\"\n        {{!@glint-expect-error}}\n        autofocus={{@autoFocus}}\n        spellcheck={{false}}\n        id=\"ember-power-select-trigger-multiple-input-{{@select.uniqueId}}\"\n        value={{@select.searchText}}\n        aria-controls={{@listboxId}}\n        disabled={{@select.disabled}}\n        tabindex={{@tabindex}}\n        form=\"power-select-fake-form\"\n        {{on \"focus\" @onFocus}}\n        {{on \"blur\" @onBlur}}\n        {{on \"input\" this.handleInput}}\n        {{on \"keydown\" this.handleKeydown}}\n      />\n    </div>\n  </template>\n}\n"],"names":["EuiComboBoxTriggerInputComponent","EmberPowerSelectPowerSelectMultipleInputComponent","triggerMultipleInputStyle","scheduleOnce","args","select","actions","reposition","textWidth","inputFont","textMeasurer","width","searchText","htmlSafe","handleKeydown","e","target","onKeydown","onCreateOption","keyCode","options","length","results","stopPropagation","isBlank","value","lastSelection","selected","buildSelection","search","open","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","validatableControl","on"],"mappings":"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"}
+{"version":3,"file":"input.js","sources":["../../../../src/components/eui-combo-box/trigger/input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport PowerSelectInput from 'ember-power-select/components/power-select/input';\nimport { and, not } from 'ember-truth-helpers';\n\nimport validatableControl from '../../../modifiers/validatable-control.ts';\n\nexport default class EuiComboBoxTriggerInputComponent extends PowerSelectInput {\n  /**\n   * Shows @placeholder while nothing is selected (power-select 9's own\n   * `placeholder` getter uses @searchPlaceholder instead).\n   */\n  get maybePlaceholder(): string | undefined {\n    if (!this.args.isDefaultPlaceholder) {\n      return undefined;\n    }\n\n    const selected = this.args.select.selected as unknown[] | undefined;\n\n    // @ts-expect-error `placeholder` is passed by EuiComboBoxTrigger\n    return !selected || selected.length === 0 ? this.args.placeholder || '' : '';\n  }\n\n  @action\n  handleKeydown(e: KeyboardEvent): false | void {\n    if (e.target === null) return;\n\n    if (this.args.onKeydown && this.args.onKeydown(e) === false) {\n      if (\n        // @ts-expect-error `onCreateOption` is passed by EuiComboBoxTrigger\n        this.args.onCreateOption && //if user wants to create an option and\n        e.key === 'Enter' && //presses [Enter] and\n        (this.args.select.options.length === 0 || //If There are no options or\n          this.args.select.results.length === 0) && //Last search made returned no results and\n        this.args.select.searchText.length >= 1 //There's something in the searchText box\n      ) {\n        // @ts-expect-error `onCreateOption` is passed by EuiComboBoxTrigger\n        this.args.onCreateOption();\n\n        return false;\n      }\n\n      e.stopPropagation();\n\n      return false;\n    }\n\n    if (e.key === 'Backspace') {\n      e.stopPropagation();\n\n      if (!(e.target as HTMLInputElement).value.trim()) {\n        const selected = this.args.select.selected as unknown[];\n        const lastSelection = selected[selected.length - 1];\n\n        if (lastSelection && this.args.buildSelection) {\n          this.args.select.actions.select(\n            this.args.buildSelection(lastSelection, this.args.select),\n            e\n          );\n          this.args.select.actions.search('');\n          this.args.select.actions.open(e);\n        }\n      }\n    } else if (e.key?.length === 1 && /[a-z0-9 ]/i.test(e.key)) {\n      // Keys 0-9, a-z or SPACE\n      e.stopPropagation();\n    }\n  }\n\n  <template>\n    {{#if (and this.maybePlaceholder (not @select.searchText))}}\n      <p class=\"euiComboBoxPlaceholder\">\n        {{this.maybePlaceholder}}\n      </p>\n    {{/if}}\n    <div\n      class=\"euiComboBox__input\"\n      style=\"font-size: 14px; display: inline-block; position: relative;\"\n    >\n      <input\n        tabindex=\"-1\"\n        style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\"\n        class=\"fake-input-for-html-form-validity\"\n        {{!@glint-expect-error}}\n        {{validatableControl @isInvalid}}\n      />\n      <input\n        class=\"ember-power-select-trigger-multiple-input euiComboBox__input\"\n        autocomplete=\"off\"\n        autocorrect=\"off\"\n        autocapitalize=\"off\"\n        {{!@glint-expect-error}}\n        autofocus={{@autoFocus}}\n        spellcheck={{false}}\n        id=\"ember-power-select-trigger-multiple-input-{{@select.uniqueId}}\"\n        value={{@select.searchText}}\n        aria-controls={{@listboxId}}\n        disabled={{@select.disabled}}\n        tabindex={{@tabindex}}\n        form=\"power-select-fake-form\"\n        {{on \"focus\" this.handleFocus}}\n        {{on \"blur\" this.handleBlur}}\n        {{on \"input\" this.handleInput}}\n        {{on \"keydown\" this.handleKeydown}}\n      />\n    </div>\n  </template>\n}\n"],"names":["EuiComboBoxTriggerInputComponent","PowerSelectInput","maybePlaceholder","args","isDefaultPlaceholder","undefined","selected","select","length","placeholder","handleKeydown","e","target","onKeydown","onCreateOption","key","options","results","searchText","stopPropagation","value","trim","lastSelection","buildSelection","actions","search","open","test","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","validatableControl","on"],"mappings":"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"}

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

@@ -1,9 +1,7 @@
 import { array, fn } from '@ember/helper';
 import { on } from '@ember/modifier';
-import didUpdate from '@ember/render-modifiers/modifiers/did-update';
-import { EnsureSafeComponentHelper } from '@embroider/util';
 import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
-import EmberPowerSelectMultipleTrigger from 'ember-power-select/components/power-select-multiple/trigger';
+import PowerSelectTrigger from 'ember-power-select/components/power-select/trigger';
 import { not, or, and } from 'ember-truth-helpers';
 import argOrDefault from '../../helpers/arg-or-default.js';
 import classNames from '../../helpers/class-names.js';
@@ -13,9 +11,9 @@ import EuiComboBoxTriggerInputComponent from './trigger/input.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-class EuiComboBoxTriggerComponent extends EmberPowerSelectMultipleTrigger {
+class EuiComboBoxTriggerComponent extends PowerSelectTrigger {
   static {
-    setComponentTemplate(precompileTemplate("\n    {{!-- @glint-nocheck: not typesafe yet --}}\n    <EuiFormControlLayout @icon={{argOrDefault @icon \"arrowDown\"}} @iconSide=\"right\" @fullWidth={{@fullWidth}} @compressed={{@compressed}} @readOnly={{@readOnly}} @clear={{if (and @select.selected @allowClear) (fn @select.actions.select (array))}} @isLoading={{@isLoading}} @disabled={{@select.disabled}}>\n      <:field>\n        {{!-- template-lint-disable --}}\n        <ul id=\"ember-power-select-multiple-options-{{@select.uniqueId}}\" class={{classNames \"euiComboBox__inputWrap ember-power-select-multiple-options\" (if @compressed \"euiComboBox__inputWrap--compressed\") (if @fullWidth \"euiComboBox__inputWrap--fullWidth\") (if @singleSelection \"euiComboBox__inputWrap--noWrap\") (if @isLoading \"euiComboBox__inputWrap--isLoading\") (if @allowClear \"euiComboBox__inputWrap-isClearable\")}} ...attributes {{didUpdate this.openChanged @select.isOpen}} {{on \"touchstart\" this.chooseOption}} {{on \"mousedown\" this.chooseOption}}>\n          {{!-- template-lint-enable --}}\n          {{#if (or (and @singleSelection (not @select.searchText)) (not @singleSelection))}}\n            {{#each @select.selected as |opt idx|}}\n              {{#if @selectedItemComponent}}\n                {{#let (component (EnsureSafeComponentHelper @selectedItemComponent) extra=@extra option=opt select=@select) as |SelectedItemComponent|}}\n                  <SelectedItemComponent />\n                {{/let}}\n              {{else}}\n                <EuiComboBoxPill class=\"ember-power-select-multiple-option\n                    {{if opt.disabled \"ember-power-select-multiple-option--disabled\"}}\" @option={{opt}} @onClose={{if (or @select.disabled @singleSelection) false (if @onClose (fn (optional @onClose) opt) true)}} @dataSelectedIconIndex={{idx}} @color={{opt.color}} @asPlainText={{@singleSelection.asPlainText}}>\n                  {{yield opt @select}}\n                </EuiComboBoxPill>\n              {{/if}}\n            {{else}}{{#if (and @placeholder (not @searchEnabled))}}\n                <span class=\"ember-power-select-placeholder\">\n                  {{@placeholder}}\n                </span>\n              {{/if}}{{/each}}\n          {{/if}}\n          {{#if @searchEnabled}}\n            {{#if (and this.maybePlaceholder (not @select.searchText))}}\n              <p class=\"euiComboBoxPlaceholder\">\n                {{this.maybePlaceholder}}\n              </p>\n            {{/if}}\n            {{#let (component EuiComboBoxTriggerInput select=@select ariaActiveDescendant=@ariaActiveDescendant ariaLabelledBy=@ariaLabelledBy ariaLabel=@ariaLabel listboxId=@listboxId tabindex=@tabindex buildSelection=@buildSelection placeholder=@placeholder placeholderComponent=@placeholderComponent searchField=@searchField onFocus=@onFocus isInvalid=@isInvalid onBlur=@onBlur onKeydown=@onKeydown onInput=@onInput onCreateOption=@onCreateOption) as |InputComponent|}}\n              {{#let (component (EnsureSafeComponentHelper @placeholderComponent) select=@select placeholder=@placeholder isMultipleWithSearch=true inputComponent=InputComponent displayPlaceholder=(and (not @select.searchText) (not @select.selected))) as |PlaceholderComponent|}}\n                <PlaceholderComponent />\n              {{/let}}\n            {{/let}}\n          {{else}}\n            {{!-- template-lint-disable --}}\n            <div class=\"euiComboBox__input\" style=\"font-size: 14px; display: inline-block;\"></div>\n            {{!-- template-lint-enable --}}\n          {{/if}}\n        </ul>\n      </:field>\n    </EuiFormControlLayout>\n  ", {
+    setComponentTemplate(precompileTemplate("{{!-- @glint-nocheck: not typesafe yet --}}\n<EuiFormControlLayout @icon={{argOrDefault @icon \"arrowDown\"}} @iconSide=\"right\" @fullWidth={{@fullWidth}} @compressed={{@compressed}} @readOnly={{@readOnly}} @clear={{if (and @select.selected @allowClear) (fn @select.actions.select (array))}} @isLoading={{@isLoading}} @disabled={{@select.disabled}}>\n  <:field>\n    {{!-- template-lint-disable --}}\n    <ul id=\"ember-power-select-multiple-options-{{@select.uniqueId}}\" class={{classNames \"euiComboBox__inputWrap ember-power-select-multiple-options\" (if @compressed \"euiComboBox__inputWrap--compressed\") (if @fullWidth \"euiComboBox__inputWrap--fullWidth\") (if @singleSelection \"euiComboBox__inputWrap--noWrap\") (if @isLoading \"euiComboBox__inputWrap--isLoading\") (if @allowClear \"euiComboBox__inputWrap-isClearable\")}} ...attributes {{this.openChange @select.isOpen}} {{on \"touchstart\" this.chooseOption}} {{on \"mousedown\" this.chooseOption}}>\n      {{!-- template-lint-enable --}}\n      {{#if (or (and @singleSelection (not @select.searchText)) (not @singleSelection))}}\n        {{#each @select.selected as |opt idx|}}\n          {{#if @selectedItemComponent}}\n            {{#let (component @selectedItemComponent extra=@extra option=opt select=@select) as |SelectedItemComponent|}}\n              <SelectedItemComponent />\n            {{/let}}\n          {{else}}\n            <EuiComboBoxPill class=\"ember-power-select-multiple-option\n                {{if opt.disabled \"ember-power-select-multiple-option--disabled\"}}\" @option={{opt}} @onClose={{if (or @select.disabled @singleSelection) false (if @onClose (fn (optional @onClose) opt) true)}} @dataSelectedIconIndex={{idx}} @color={{opt.color}} @asPlainText={{@singleSelection.asPlainText}}>\n              {{yield opt @select}}\n            </EuiComboBoxPill>\n          {{/if}}\n        {{else}}{{#if (and @placeholder (not @searchEnabled))}}\n            <span class=\"ember-power-select-placeholder\">\n              {{@placeholder}}\n            </span>\n          {{/if}}{{/each}}\n      {{/if}}\n      {{#if @searchEnabled}}\n        {{#let (component EuiComboBoxTriggerInput select=@select ariaActiveDescendant=@ariaActiveDescendant ariaLabelledBy=@ariaLabelledBy ariaLabel=@ariaLabel listboxId=@listboxId tabindex=@tabindex buildSelection=@buildSelection placeholder=@placeholder placeholderComponent=@placeholderComponent searchField=@searchField onFocus=@onFocus isInvalid=@isInvalid onBlur=@onBlur onKeydown=@onKeydown onInput=@onInput onCreateOption=@onCreateOption) as |InputComponent|}}\n          {{#let (component @placeholderComponent select=@select placeholder=@placeholder isMultipleWithSearch=true inputComponent=InputComponent displayPlaceholder=(and (not @select.searchText) (not @select.selected))) as |PlaceholderComponent|}}\n            <PlaceholderComponent />\n          {{/let}}\n        {{/let}}\n      {{else}}\n        {{!-- template-lint-disable --}}\n        <div class=\"euiComboBox__input\" style=\"font-size: 14px; display: inline-block;\"></div>\n        {{!-- template-lint-enable --}}\n      {{/if}}\n    </ul>\n  </:field>\n</EuiFormControlLayout>", {
       strictMode: true,
       scope: () => ({
         EuiFormControlLayout,
@@ -24,11 +22,9 @@ class EuiComboBoxTriggerComponent extends EmberPowerSelectMultipleTrigger {
         fn,
         array,
         classNames,
-        didUpdate,
         on,
         or,
         not,
-        EnsureSafeComponentHelper,
         EuiComboBoxPill,
         optional,
         EuiComboBoxTriggerInput: EuiComboBoxTriggerInputComponent

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 { fn } from '@ember/helper';\nimport { array } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { EnsureSafeComponentHelper } from '@embroider/util';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport EmberPowerSelectMultipleTrigger from 'ember-power-select/components/power-select-multiple/trigger';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport classNames from '../../helpers/class-names.ts';\nimport EuiComboBoxPill from '../eui-combo-box-pill.gts';\nimport EuiFormControlLayout from '../eui-form-control-layout.gts';\nimport EuiComboBoxTriggerInput from './trigger/input.gts';\n\nexport default class EuiComboBoxTriggerComponent extends EmberPowerSelectMultipleTrigger {\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    <EuiFormControlLayout\n      @icon={{argOrDefault @icon \"arrowDown\"}}\n      @iconSide=\"right\"\n      @fullWidth={{@fullWidth}}\n      @compressed={{@compressed}}\n      @readOnly={{@readOnly}}\n      @clear={{if\n        (and @select.selected @allowClear)\n        (fn @select.actions.select (array))\n      }}\n      @isLoading={{@isLoading}}\n      @disabled={{@select.disabled}}\n    >\n      <:field>\n        {{! template-lint-disable }}\n        <ul\n          id=\"ember-power-select-multiple-options-{{@select.uniqueId}}\"\n          class={{classNames\n            \"euiComboBox__inputWrap ember-power-select-multiple-options\"\n            (if @compressed \"euiComboBox__inputWrap--compressed\")\n            (if @fullWidth \"euiComboBox__inputWrap--fullWidth\")\n            (if @singleSelection \"euiComboBox__inputWrap--noWrap\")\n            (if @isLoading \"euiComboBox__inputWrap--isLoading\")\n            (if @allowClear \"euiComboBox__inputWrap-isClearable\")\n          }}\n          ...attributes\n          {{didUpdate this.openChanged @select.isOpen}}\n          {{on \"touchstart\" this.chooseOption}}\n          {{on \"mousedown\" this.chooseOption}}\n        >\n          {{! template-lint-enable }}\n          {{#if\n            (or\n              (and @singleSelection (not @select.searchText))\n              (not @singleSelection)\n            )\n          }}\n            {{#each @select.selected as |opt idx|}}\n              {{#if @selectedItemComponent}}\n                {{#let\n                  (component\n                    (EnsureSafeComponentHelper @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                  @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={{@singleSelection.asPlainText}}\n                >\n                  {{yield opt @select}}\n                </EuiComboBoxPill>\n              {{/if}}\n            {{else}}{{#if (and @placeholder (not @searchEnabled))}}\n                <span class=\"ember-power-select-placeholder\">\n                  {{@placeholder}}\n                </span>\n              {{/if}}{{/each}}\n          {{/if}}\n          {{#if @searchEnabled}}\n            {{#if (and this.maybePlaceholder (not @select.searchText))}}\n              <p class=\"euiComboBoxPlaceholder\">\n                {{this.maybePlaceholder}}\n              </p>\n            {{/if}}\n            {{#let\n              (component\n                EuiComboBoxTriggerInput\n                select=@select\n                ariaActiveDescendant=@ariaActiveDescendant\n                ariaLabelledBy=@ariaLabelledBy\n                ariaLabel=@ariaLabel\n                listboxId=@listboxId\n                tabindex=@tabindex\n                buildSelection=@buildSelection\n                placeholder=@placeholder\n                placeholderComponent=@placeholderComponent\n                searchField=@searchField\n                onFocus=@onFocus\n                isInvalid=@isInvalid\n                onBlur=@onBlur\n                onKeydown=@onKeydown\n                onInput=@onInput\n                onCreateOption=@onCreateOption\n              )\n              as |InputComponent|\n            }}\n              {{#let\n                (component\n                  (EnsureSafeComponentHelper @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            {{! template-lint-disable }}\n            <div\n              class=\"euiComboBox__input\"\n              style=\"font-size: 14px; display: inline-block;\"\n            ></div>\n            {{! template-lint-enable }}\n          {{/if}}\n        </ul>\n      </:field>\n    </EuiFormControlLayout>\n  </template>\n}\n"],"names":["EuiComboBoxTriggerComponent","EmberPowerSelectMultipleTrigger","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","argOrDefault","and","fn","array","classNames","didUpdate","on","or","not","EnsureSafeComponentHelper","EuiComboBoxPill","optional","EuiComboBoxTriggerInput"],"mappings":";;;;;;;;;;;;;;;AAgBe,MAAMA,2BAAoC,SAAAC,+BAAA,CAAA;AACvD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAqIA,0hHAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,oBAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,yBAAA;QAAAC,eAAA;QAAAC,QAAA;AAAAC,iCAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"trigger.js","sources":["../../../src/components/eui-combo-box/trigger.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { array } 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 argOrDefault from '../../helpers/arg-or-default.ts';\nimport classNames from '../../helpers/class-names.ts';\nimport EuiComboBoxPill from '../eui-combo-box-pill.gts';\nimport EuiFormControlLayout from '../eui-form-control-layout.gts';\nimport EuiComboBoxTriggerInput from './trigger/input.gts';\n\nexport default class EuiComboBoxTriggerComponent extends PowerSelectTrigger {\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    <EuiFormControlLayout\n      @icon={{argOrDefault @icon \"arrowDown\"}}\n      @iconSide=\"right\"\n      @fullWidth={{@fullWidth}}\n      @compressed={{@compressed}}\n      @readOnly={{@readOnly}}\n      @clear={{if\n        (and @select.selected @allowClear)\n        (fn @select.actions.select (array))\n      }}\n      @isLoading={{@isLoading}}\n      @disabled={{@select.disabled}}\n    >\n      <:field>\n        {{! template-lint-disable }}\n        <ul\n          id=\"ember-power-select-multiple-options-{{@select.uniqueId}}\"\n          class={{classNames\n            \"euiComboBox__inputWrap ember-power-select-multiple-options\"\n            (if @compressed \"euiComboBox__inputWrap--compressed\")\n            (if @fullWidth \"euiComboBox__inputWrap--fullWidth\")\n            (if @singleSelection \"euiComboBox__inputWrap--noWrap\")\n            (if @isLoading \"euiComboBox__inputWrap--isLoading\")\n            (if @allowClear \"euiComboBox__inputWrap-isClearable\")\n          }}\n          ...attributes\n          {{this.openChange @select.isOpen}}\n          {{on \"touchstart\" this.chooseOption}}\n          {{on \"mousedown\" this.chooseOption}}\n        >\n          {{! template-lint-enable }}\n          {{#if\n            (or\n              (and @singleSelection (not @select.searchText))\n              (not @singleSelection)\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                  @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={{@singleSelection.asPlainText}}\n                >\n                  {{yield opt @select}}\n                </EuiComboBoxPill>\n              {{/if}}\n            {{else}}{{#if (and @placeholder (not @searchEnabled))}}\n                <span class=\"ember-power-select-placeholder\">\n                  {{@placeholder}}\n                </span>\n              {{/if}}{{/each}}\n          {{/if}}\n          {{#if @searchEnabled}}\n            {{#let\n              (component\n                EuiComboBoxTriggerInput\n                select=@select\n                ariaActiveDescendant=@ariaActiveDescendant\n                ariaLabelledBy=@ariaLabelledBy\n                ariaLabel=@ariaLabel\n                listboxId=@listboxId\n                tabindex=@tabindex\n                buildSelection=@buildSelection\n                placeholder=@placeholder\n                placeholderComponent=@placeholderComponent\n                searchField=@searchField\n                onFocus=@onFocus\n                isInvalid=@isInvalid\n                onBlur=@onBlur\n                onKeydown=@onKeydown\n                onInput=@onInput\n                onCreateOption=@onCreateOption\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            {{! template-lint-disable }}\n            <div\n              class=\"euiComboBox__input\"\n              style=\"font-size: 14px; display: inline-block;\"\n            ></div>\n            {{! template-lint-enable }}\n          {{/if}}\n        </ul>\n      </:field>\n    </EuiFormControlLayout>\n  </template>\n}\n"],"names":["EuiComboBoxTriggerComponent","PowerSelectTrigger","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","argOrDefault","and","fn","array","classNames","on","or","not","EuiComboBoxPill","optional","EuiComboBoxTriggerInput"],"mappings":";;;;;;;;;;;;;AAce,MAAMA,2BAAoC,SAAAC,kBAAA,CAAA;AACvD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAgIA,umGAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,oBAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,eAAA;QAAAC,QAAA;AAAAC,iCAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiComboBoxPill = setComponentTemplate(precompileTemplate("\n  {{#let (classNames \"euiComboBoxPill\" (if @asPlainText \"euiComboBoxPill--plainText\")) (optional @onClose) as |classes onClose|}}\n    {{#if @onClose}}\n      <EuiBadge class={{classes}} @closeButtonProps={{hash tabIndex=-1 dataSelectedIconIndex=@dataSelectedIconIndex}} @color={{@color}} @iconOnClick={{fn onClose @option}} @iconOnClickAriaLabel={{@iconOnClickAriaLabel}} @iconSide=\"right\" @iconType=\"cross\" ...attributes>\n        {{yield}}\n      </EuiBadge>\n    {{else if @asPlainText}}\n      <span class={{classes}}>\n        {{yield}}\n      </span>\n    {{else}}\n      <EuiBadge class={{classes}} @color={{@color}} @closeButtonProps={{hash dataSelectedIconIndex=@dataSelectedIconIndex}} ...attributes>\n        {{yield}}\n      </EuiBadge>\n    {{/if}}\n  {{/let}}\n", {
+const EuiComboBoxPill = setComponentTemplate(precompileTemplate("{{#let (classNames \"euiComboBoxPill\" (if @asPlainText \"euiComboBoxPill--plainText\")) (optional @onClose) as |classes onClose|}}\n  {{#if @onClose}}\n    <EuiBadge class={{classes}} @closeButtonProps={{hash tabIndex=-1 dataSelectedIconIndex=@dataSelectedIconIndex}} @color={{@color}} @iconOnClick={{fn onClose @option}} @iconOnClickAriaLabel={{@iconOnClickAriaLabel}} @iconSide=\"right\" @iconType=\"cross\" ...attributes>\n      {{yield}}\n    </EuiBadge>\n  {{else if @asPlainText}}\n    <span class={{classes}}>\n      {{yield}}\n    </span>\n  {{else}}\n    <EuiBadge class={{classes}} @color={{@color}} @closeButtonProps={{hash dataSelectedIconIndex=@dataSelectedIconIndex}} ...attributes>\n      {{yield}}\n    </EuiBadge>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     classNames,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-combo-box-pill.js","sources":["../../src/components/eui-combo-box-pill.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { fn } from '@ember/helper';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport classNames from '../helpers/class-names.ts';\nimport EuiBadge from './eui-badge.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiComboBoxPill {\n  Element: EuiBadgeSignature['Element'];\n  Args: {\n    /**\n     * The color of the pill\n     */\n    asPlainText?: boolean;\n\n    onClose?: (option: unknown) => void;\n\n    color?: EuiBadgeSignature['Args']['color'];\n\n    dataSelectedIconIndex?: number;\n\n    iconOnClickAriaLabel?: string;\n\n    option?: unknown;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiComboBoxPill: TemplateOnlyComponent<EuiComboBoxPill> = <template>\n  {{#let\n    (classNames\n      \"euiComboBoxPill\" (if @asPlainText \"euiComboBoxPill--plainText\")\n    )\n    (optional @onClose)\n    as |classes onClose|\n  }}\n    {{#if @onClose}}\n      <EuiBadge\n        class={{classes}}\n        @closeButtonProps={{hash\n          tabIndex=-1\n          dataSelectedIconIndex=@dataSelectedIconIndex\n        }}\n        @color={{@color}}\n        @iconOnClick={{fn onClose @option}}\n        @iconOnClickAriaLabel={{@iconOnClickAriaLabel}}\n        @iconSide=\"right\"\n        @iconType=\"cross\"\n        ...attributes\n      >\n        {{yield}}\n      </EuiBadge>\n    {{else if @asPlainText}}\n      <span class={{classes}}>\n        {{yield}}\n      </span>\n    {{else}}\n      <EuiBadge\n        class={{classes}}\n        @color={{@color}}\n        @closeButtonProps={{hash dataSelectedIconIndex=@dataSelectedIconIndex}}\n        ...attributes\n      >\n        {{yield}}\n      </EuiBadge>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiComboBoxPill;\n"],"names":["EuiComboBoxPill","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","optional","EuiBadge","hash","fn","templateOnly"],"mappings":";;;;;;;;AAkCA,MAAMA,eAA0D,GAAAC,oBAAA,CAAAC,kBAAA,CAuChE,oxBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-combo-box-pill.js","sources":["../../src/components/eui-combo-box-pill.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { fn } from '@ember/helper';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport classNames from '../helpers/class-names.ts';\nimport EuiBadge from './eui-badge.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiComboBoxPill {\n  Element: EuiBadgeSignature['Element'];\n  Args: {\n    /**\n     * The color of the pill\n     */\n    asPlainText?: boolean;\n\n    onClose?: (option: unknown) => void;\n\n    color?: EuiBadgeSignature['Args']['color'];\n\n    dataSelectedIconIndex?: number;\n\n    iconOnClickAriaLabel?: string;\n\n    option?: unknown;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiComboBoxPill: TemplateOnlyComponent<EuiComboBoxPill> = <template>\n  {{#let\n    (classNames\n      \"euiComboBoxPill\" (if @asPlainText \"euiComboBoxPill--plainText\")\n    )\n    (optional @onClose)\n    as |classes onClose|\n  }}\n    {{#if @onClose}}\n      <EuiBadge\n        class={{classes}}\n        @closeButtonProps={{hash\n          tabIndex=-1\n          dataSelectedIconIndex=@dataSelectedIconIndex\n        }}\n        @color={{@color}}\n        @iconOnClick={{fn onClose @option}}\n        @iconOnClickAriaLabel={{@iconOnClickAriaLabel}}\n        @iconSide=\"right\"\n        @iconType=\"cross\"\n        ...attributes\n      >\n        {{yield}}\n      </EuiBadge>\n    {{else if @asPlainText}}\n      <span class={{classes}}>\n        {{yield}}\n      </span>\n    {{else}}\n      <EuiBadge\n        class={{classes}}\n        @color={{@color}}\n        @closeButtonProps={{hash dataSelectedIconIndex=@dataSelectedIconIndex}}\n        ...attributes\n      >\n        {{yield}}\n      </EuiBadge>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiComboBoxPill;\n"],"names":["EuiComboBoxPill","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","optional","EuiBadge","hash","fn","templateOnly"],"mappings":";;;;;;;;AAkCA,MAAMA,eAA0D,GAAAC,oBAAA,CAAAC,kBAAA,CAuChE,kvBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}