npm - @ember-eui/core - Versions diffs - 13.0.5 → 14.1.0 - Mend

@ember-eui/core 13.0.5 → 14.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2392) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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~~;;;;~~"}
1	+ {"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\n/*\n @private EuiComboBox's options list: virtualized, with groups. Extends\n * ember-power-select's options component.\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":";;;;;;;;;;;;;;;;;AAuBe,MAAMA,2BAAA,SAAoCC,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,aAAA,GAAoC,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,GAAA,EAAKC,IAAA,KAAA;AAChD,QAAA,IAAIC,wBAAwBD,IAAA,CAAA,EAAO;UACjCD,GAAA,CAAIG,IAAI,CAACF,IAAA,EAAA,GAASA,IAAA,CAAKH,OAAO,CAAA;AAChC,QAAA,CAAA,MAAO;AACLE,UAAAA,GAAA,CAAIG,IAAI,CAACF,IAAA,CAAA;AACX,QAAA;AAEA,QAAA,OAAOD,GAAA;MACT,CAAA,EAAG,EAAE,CAAA;AACP,IAAA;IAEA,OAAO,IAAI,CAACL,aAAa;AAC3B,EAAA;EAEAS,gBAAAA,CAAiBC,KAAa,EAAE;AAC9B,IAAA,MAAMC,KAAA,GAAQD,KAAA,CAAME,KAAK,CAAC,GAAA,CAAA;AAC1B,IAAA,IAAIC,MAAW,GAAG,IAAI,CAACZ,cAAc,CAACa,QAAA,CAASH,KAAK,CAAC,CAAA,CAAE,EAAG,EAAA,CAAA,CAAI;AAE9D,IAAA,KAAK,IAAIZ,CAAA,GAAI,CAAA,EAAGA,IAAIY,KAAA,CAAMI,MAAM,EAAEhB,CAAA,EAAA,EAAK;AACrCc,MAAAA,MAAA,GAASA,MAAA,CAAOV,OAAO,CAACW,QAAA,CAASH,KAAK,CAACZ,CAAA,CAAE,EAAG,EAAA,CAAA,CAAI;AAClD,IAAA;AAEA,IAAA,OAAOc,MAAA;AACT,EAAA;EAEA,IAAIG,eAAAA,GAAkB;IACpB,OACG,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,0BAAA,CAAA,IAA0C,EACtE;AACF,EAAA;EAEA,IAAIC,SAAAA,GAAY;AACd;IACA,OAAO,IAAI,CAACjB,IAAI,CAACiB,SAAS,IAAI,IAAI,CAACH,eAAe;AACpD,EAAA;EAEA,IAAII,eAAAA,GAAkB;AACpB,IAAA,OAAOC,QAAA,CAAS,CAAA,OAAA,EAAU,IAAI,CAACF,SAAS,KAAK,CAAA;AAC/C,EAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,qpEAAA,EA8EA;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~;;;;~~"}
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\n/** @private Shown in EuiComboBox's options list. /\ninterface Signature {\n Element: EuiTextSignature['Element'];\n Args: {\n /* EuiComboBox's `@searchMessage`. */\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":";;;;;AAcA,MAAMA,sBAA8C,GAAAC,oBAAA,CAAaC,kBAAA,CAAA,4KAAA,EAQjE;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":"~~;;;;;;;;;;;;AAWe~~,MAAMA,~~gCAAyC~~,~~SAAAC~~,~~iDAAA~~,CAAA;~~EAC5D~~,IAAIC,~~yBAA4BA~~,~~GAAA~~;~~AAC9BC~~,~~IAAAA~~,~~YAAa~~,~~CAAA~~,~~SAAA,EAAW,IAAM,EAAA,~~IAAI,CAACC,IAAI,CAACC,~~MAAM~~,~~CAACC~~,~~OAAO~~,~~CAACC~~,~~UAAU~~,~~CAAA~~;~~IAEjE~~,~~IAAIC~~,~~SAAY~~,~~GAAA~~,~~CAAA;AAEhB;IACA,~~IAAI,IAAI,~~CAACC~~,~~SAAS~~,~~EAAE~~;~~AAClB~~;~~AACAD~~,~~MAAAA~~,~~SAAA~~,~~GAAY~~,~~IAAI~~,~~CAACE~~,~~YAAY~~,~~CAACC~~,KAAK,~~CACjC~~,IAAI,~~CAACP~~,IAAI,~~CAACC~~,~~MAAM~~,~~CAACO,UAAU;AAC3B;MACA,~~IAAI,~~CAACH~~,~~SAAS~~,~~CAAA~~;~~AAElB;AAEA~~,~~IAAA,OAAOI,SAAS,CAAA,gCAAA,EAAmCL,SAAY,GAAA,CAAA,IAAK,CAAA~~;~~AACtE;EAGAM~~,aAAAA,CAAcC,CAAgB,EAAgB;AAC5C,IAAA,IAAIA,CAAA,CAAEC,MAAM,KAAK,~~IAAM~~,~~EAAA~~;AAEvB,IAAA,IAAI,IAAI,~~CAACZ~~,IAAI,~~CAACa~~,SAAS,IAAI,IAAI,~~CAACb~~,IAAI,~~CAACa~~,SAAS,CAACF,OAAO,~~KAAO~~,~~EAAA~~;AAC3D,MAAA;AACE;MACA,IAAI,~~CAACX~~,IAAI,~~CAACc~~,cAAc;AAAI;MAC5BH,~~CAAE~~,~~CAAAI~~,~~OAAO~~,KAAK,~~EAAA~~;~~AAAM~~;~~MACnB~~,IAAI,~~CAACf~~,IAAI,~~CAACC~~,MAAM,~~CAACe~~,OAAO,~~CAACC~~,MAAM,KAAK,CAAA;AAAK;MACxC,IAAI,~~CAACjB~~,IAAI,~~CAACC~~,MAAM,~~CAACiB~~,OAAO,~~CAACD~~,MAAM,KAAK,CAAC,CAAA;AAAK;MAC5C,IAAI,~~CAACjB~~,IAAI,~~CAACC~~,MAAM,~~CAACO~~,UAAU,~~CAACS~~,MAAM,IAAI,CAAA;QACtC;AACA;AACA,QAAA,IAAI,~~CAACjB~~,IAAI,~~CAACc~~,cAAc,EAAA;AAExB,QAAA,OAAO,KAAA;AACT;MAEAH,CAAA,CAAEQ,eAAe,EAAA;AAEjB,MAAA,OAAO,KAAA;AACT;AAEA,IAAA,IAAIR,CAAA,CAAEI,~~OAAO~~,KAAK,~~CAAG~~,~~EAAA~~;~~MACnBJ~~,CAAA,CAAEQ,eAAe,EAAA;MAEjB,~~IAAIC~~,~~OAAA~~,~~CAAST~~,~~CAAE~~,~~CAAAC,~~MAAM,~~CAAsBS~~,KAAK,~~CAAG~~,EAAA;~~QACjD~~,~~IAAIC~~,~~gBACF~~,IAAI,~~CAACtB~~,IAAI,~~CAACC~~,MAAM,~~CAACsB~~,~~QAAQ~~,~~CAAC~~,~~IAAI~~,~~CAACvB~~,~~IAAI~~,~~CAACC~~,~~MAAM~~,~~CAACsB,QAAQ,CAACN,~~MAAM,GAAG,CAAE~~,CAAA~~;~~AAEjE~~,QAAA,~~IAAIK~~,~~aAAe~~,~~EAAA~~;~~UACjB~~,IAAI,~~CAACtB~~,IAAI,~~CAACC~~,MAAM,~~CAACC~~,OAAO,~~CAACD~~,MAAM,CAC7B,IAAI,~~CAACD~~,IAAI,~~CAACwB~~,cAAc,~~CAACF~~,aAAA,EAAe,IAAI,~~CAACtB~~,IAAI,~~CAACC~~,MAAM,~~CACxD~~,~~EAAAU~~,CAAA,CAAA;UAEF,IAAI,~~CAACX~~,IAAI,~~CAACC~~,MAAM,~~CAACC~~,OAAO,~~CAACuB~~,MAAM,CAAC,EAAA,CAAA;UAChC,IAAI,~~CAACzB~~,IAAI,~~CAACC~~,MAAM,~~CAACC~~,OAAO,~~CAACwB~~,IAAI,CAACf,CAAA,CAAA;AAChC;AACF;AACF,~~KAAA~~,MAAO,~~IAAKA~~,~~CAAE~~,~~CAAAI~~,~~OAAO~~,~~IAAI~~,~~EAAM~~,~~IAAAJ~~,CAAA,~~CAAEI~~,~~OAAO~~,IAAI,~~EAAE~~,~~IAAKJ~~,~~CAAE~~,~~CAAAI~~,~~OAAO~~,~~KAAK,EAAI,EAAA~~;~~AACnE~~;MACAJ,CAAA,CAAEQ,eAAe,EAAA;AACnB;AACF;AAAA,EAAA;~~IAAAQ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CA5CCC,MAAA,CAAA,CAAA;AAAA;AA8CD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,~~CAqCA~~,~~qnCAAA~~,~~EAAA~~;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
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';\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\n/** @private The search input inside EuiComboBox's trigger. /\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":";;;;;;;;;AASe,MAAMA,gCAAA,SAAyCC,gBAAA,CAAA;AAC5D;;;AAGC;EACD,IAAIC,gBAAAA,GAAuC;AACzC,IAAA,IAAI,CAAC,IAAI,CAACC,IAAI,CAACC,oBAAoB,EAAE;AACnC,MAAA,OAAOC,SAAA;AACT,IAAA;IAEA,MAAMC,QAAA,GAAW,IAAI,CAACH,IAAI,CAACI,MAAM,CAACD,QAAiC;AAEnE;AACA,IAAA,OAAO,CAACA,QAAA,IAAYA,QAAA,CAASE,MAAM,KAAK,CAAA,GAAI,IAAI,CAACL,IAAI,CAACM,WAAW,IAAI,EAAA,GAAK,EAAA;AAC5E,EAAA;EAGAC,aAAAA,CAAcC,CAAgB,EAAgB;AAC5C,IAAA,IAAIA,CAAA,CAAEC,MAAM,KAAK,IAAA,EAAM;AAEvB,IAAA,IAAI,IAAI,CAACT,IAAI,CAACU,SAAS,IAAI,IAAI,CAACV,IAAI,CAACU,SAAS,CAACF,OAAO,KAAA,EAAO;AAC3D,MAAA;AACE;MACA,IAAI,CAACR,IAAI,CAACW,cAAc;AAAI;MAC5BH,CAAA,CAAEI,GAAG,KAAK,OAAA;AAAW;MACpB,IAAI,CAACZ,IAAI,CAACI,MAAM,CAACS,OAAO,CAACR,MAAM,KAAK,CAAA;AAAK;MACxC,IAAI,CAACL,IAAI,CAACI,MAAM,CAACU,OAAO,CAACT,MAAM,KAAK,CAAC,CAAA;AAAK;MAC5C,IAAI,CAACL,IAAI,CAACI,MAAM,CAACW,UAAU,CAACV,MAAM,IAAI,CAAA;QACtC;AACA;AACA,QAAA,IAAI,CAACL,IAAI,CAACW,cAAc,EAAA;AAExB,QAAA,OAAO,KAAA;AACT,MAAA;MAEAH,CAAA,CAAEQ,eAAe,EAAA;AAEjB,MAAA,OAAO,KAAA;AACT,IAAA;AAEA,IAAA,IAAIR,CAAA,CAAEI,GAAG,KAAK,WAAA,EAAa;MACzBJ,CAAA,CAAEQ,eAAe,EAAA;MAEjB,IAAI,CAAER,CAAA,CAAEC,MAAM,CAAsBQ,KAAK,CAACC,IAAI,EAAA,EAAI;QAChD,MAAMf,QAAA,GAAW,IAAI,CAACH,IAAI,CAACI,MAAM,CAACD,QAAmB;QACrD,MAAMgB,gBAAgBhB,QAAQ,CAACA,QAAA,CAASE,MAAM,GAAG,CAAA,CAAE;AAEnD,QAAA,IAAIc,iBAAiB,IAAI,CAACnB,IAAI,CAACoB,cAAc,EAAE;UAC7C,IAAI,CAACpB,IAAI,CAACI,MAAM,CAACiB,OAAO,CAACjB,MAAM,CAC7B,IAAI,CAACJ,IAAI,CAACoB,cAAc,CAACD,aAAA,EAAe,IAAI,CAACnB,IAAI,CAACI,MAAM,CAAA,EACxDI,CAAA,CAAA;UAEF,IAAI,CAACR,IAAI,CAACI,MAAM,CAACiB,OAAO,CAACC,MAAM,CAAC,EAAA,CAAA;UAChC,IAAI,CAACtB,IAAI,CAACI,MAAM,CAACiB,OAAO,CAACE,IAAI,CAACf,CAAA,CAAA;AAChC,QAAA;AACF,MAAA;AACF,IAAA,CAAA,MAAO,IAAIA,CAAA,CAAEI,GAAG,EAAEP,MAAA,KAAW,CAAA,IAAK,YAAA,CAAamB,IAAI,CAAChB,CAAA,CAAEI,GAAG,CAAA,EAAG;AAC1D;MACAJ,CAAA,CAAEQ,eAAe,EAAA;AACnB,IAAA;AACF,EAAA;AAAA,EAAA;IAAAS,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CA5CCC,MAAA,CAAA,CAAA;AAAA;AA8CD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,2lCAAA,EAqCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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~~;;;;~~"}
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';\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\n/*\n @private EuiComboBox's input with the selected pills. Extends\n * ember-power-select's multiple trigger.\n */\nexport default class EuiComboBoxTriggerComponent extends PowerSelectTrigger {\n <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":";;;;;;;;;;;;;AAkBe,MAAMA,2BAAA,SAAoCC,kBAAA,CAAA;AACvD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,umGAAA,EAgIA;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~;;;;~~"}
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\n/** A selected option in EuiComboBox's input, as a badge or plain text. /\nexport interface EuiComboBoxPill {\n Element: EuiBadgeSignature['Element'];\n Args: {\n /* Renders the selection as plain text instead of a badge. /\n asPlainText?: boolean;\n\n /* Shows an \"x\" button calling this with `@option`, to remove it. /\n onClose?: (option: unknown) => void;\n\n /* Badge color, see `EuiBadge`. /\n color?: EuiBadgeSignature['Args']['color'];\n\n /* `data-selected-index` of the remove button, for keyboard navigation. /\n dataSelectedIconIndex?: number;\n\n /* Accessible label of the remove button, e.g. \"Remove Apple from selection\". /\n iconOnClickAriaLabel?: string;\n\n /* The selected option this pill shows. /\n option?: unknown;\n };\n Blocks: {\n /* The option's text. */\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":";;;;;;;;AAuCA,MAAMA,eAAuC,GAAAC,oBAAA,CAAmBC,kBAAA,CAAA,kvBAAA,EAuChE;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;;"}

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

@@ -3,12 +3,12 @@ import Component from '@glimmer/component';
 import { tracked, cached } from '@glimmer/tracking';
 import { isArray } from '@ember/array';
 import { action } from '@ember/object';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
 import { isEqual } from '@ember/utils';
 import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';
-import PowerSelectMultiple from 'ember-power-select/components/power-select-multiple';
-import { emberPowerSelectIsGroup } from 'ember-power-select/helpers/ember-power-select-is-group';
+import PowerSelect from 'ember-power-select/components/power-select';
+import emberPowerSelectIsGroup from 'ember-power-select/helpers/ember-power-select-is-group';
 import { not, and } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
@@ -20,7 +20,7 @@ import SearchMessageComponent from './eui-combo-box/search-message.js';
 import EuiComboBoxTriggerComponent from './eui-combo-box/trigger.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 const isSliceable = coll => {
   return isArray(coll);
@@ -34,7 +34,7 @@ const toPlainArray = collection => {
 };
 class EuiComboBoxComponent extends Component {
   static {
-    g(this.prototype, "euiI18n", [inject]);
+    g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
   static {
@@ -75,10 +75,10 @@ class EuiComboBoxComponent extends Component {
     return this.args.onCreateOption && this.args.alwaysShowCreateOption;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{!-- @glint-nocheck: not typesafe yet --}}\n\n    <PowerSelectMultiple ...attributes @onChange={{this.onChange}} @onFocus={{@onFocus}} @onBlur={{@onBlur}} @onOpen={{@onOpen}} @onClose={{@onClose}} @placeholderComponent={{@placeholderComponent}} @searchMessage={{this.searchMessage}} @searchMessageComponent={{if @searchMessageComponent @searchMessageComponent EuiComboBoxSearchMessage}} @noMatchesMessage={{this.noMatchesMessage}} @matchTriggerWidth={{@matchTriggerWidth}} @options={{this.options}} @selected={{@selectedOptions}} @closeOnSelect={{@closeOnSelect}} @defaultHighlighted={{@defaultHighlighted}} @searchField={{@searchField}} @searchEnabled={{argOrDefault @searchEnabled true}} @tabindex={{@tabindex}} @initiallyOpened={{and (not @isDisabled) @autoFocus}} @triggerComponent={{component EuiComboBoxTrigger fullWidth=@fullWidth compressed=@compressed isInvalid=@isInvalid singleSelection=@singleSelection onClose=@removeTag onCreateOption=(if @onCreateOption this.onCreateOption) isLoading=@isLoading autoFocus=(and (not @isDisabled) @autoFocus) icon=@triggerIcon}} @matcher={{@matcher}} @initiallyOpen={{@initiallyOpen}} @typeAheadOptionMatcher={{@typeAheadOptionMatcher}} @buildSelection={{this.buildSelection}} @search={{@search}} @onInput={{@onInput}} @onKeydown={{@onKeydown}} @scrollTo={{this.scrollTo}} @registerAPI={{queue this.registerAPI (optional @registerApi)}} @horizontalPosition={{@horizontalPosition}} @destination={{@destination}} @preventScroll={{@preventScroll}} @renderInPlace={{@renderInPlace}} @verticalPosition={{@verticalPosition}} @disabled={{@isDisabled}} @calculatePosition={{@calculatePosition}} @eventType={{@eventType}} @ariaLabel={{@ariaLabel}} @ariaLabelledBy={{@ariaLabelledBy}} @required={{@required}} @triggerRole={{@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) this.select.searchText this.alwaysShowCreateOption) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=true))}} @placeholder={{@placeholder}} @searchPlaceholder={{@searchPlaceholder}} @optionsComponent={{component EuiComboBoxOptions rowHeight=@rowHeight class=@optionsClass}} @extra={{@extra}} @groupComponent={{component EuiComboBoxGroup}} @triggerClass={{classNames \"euiComboBox\" (if @compressed \"euiComboBox--compressed\") (if @fullWidth \"euiComboBox--fullWidth\") (if @isDisabled \"euiComboBox-isDisabled\") (if @isInvalid \"euiComboBox-isInvalid\") (if this.select.isOpen \"euiComboBox-isOpen\")}} @noMatchesMessageComponent={{if (and @onCreateOption (not this.alwaysShowCreateOption)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=false) (component EuiComboBoxNoMatchesMessage)}} @dropdownClass=\"euiComboBoxOptionsList euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel-isAttached euiPopover__panel euiPopover__panel-noArrow euiPopover__panel--bottom euiPopover__panel-isOpen {{@dropdownClass}}\" as |option i|>\n      {{yield option i}}\n    </PowerSelectMultiple>\n  ", {
+    setComponentTemplate(precompileTemplate("{{!-- @glint-nocheck: not typesafe yet --}}\n\n<PowerSelect @multiple={{true}} ...attributes @onChange={{this.onChange}} @onFocus={{@onFocus}} @onBlur={{@onBlur}} @onOpen={{@onOpen}} @onClose={{@onClose}} @placeholderComponent={{@placeholderComponent}} @searchMessage={{this.searchMessage}} @searchMessageComponent={{if @searchMessageComponent @searchMessageComponent EuiComboBoxSearchMessage}} @noMatchesMessage={{this.noMatchesMessage}} @matchTriggerWidth={{@matchTriggerWidth}} @options={{this.options}} @selected={{@selectedOptions}} @closeOnSelect={{@closeOnSelect}} @defaultHighlighted={{@defaultHighlighted}} @searchField={{@searchField}} @searchEnabled={{argOrDefault @searchEnabled true}} @tabindex={{@tabindex}} @initiallyOpened={{and (not @isDisabled) @autoFocus}} @triggerComponent={{component EuiComboBoxTrigger fullWidth=@fullWidth compressed=@compressed isInvalid=@isInvalid singleSelection=@singleSelection onClose=@removeTag onCreateOption=(if @onCreateOption this.onCreateOption) isLoading=@isLoading autoFocus=(and (not @isDisabled) @autoFocus) icon=@triggerIcon}} @matcher={{@matcher}} @initiallyOpen={{@initiallyOpen}} @typeAheadOptionMatcher={{@typeAheadOptionMatcher}} @buildSelection={{this.buildSelection}} @search={{@search}} @onInput={{@onInput}} @onKeydown={{@onKeydown}} @scrollTo={{this.scrollTo}} @registerAPI={{queue this.registerAPI (optional @registerApi)}} @horizontalPosition={{@horizontalPosition}} @destination={{@destination}} @preventScroll={{@preventScroll}} @renderInPlace={{@renderInPlace}} @verticalPosition={{@verticalPosition}} @disabled={{@isDisabled}} @calculatePosition={{@calculatePosition}} @eventType={{@eventType}} @ariaLabel={{@ariaLabel}} @ariaLabelledBy={{@ariaLabelledBy}} @required={{@required}} @triggerRole={{@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) this.select.searchText this.alwaysShowCreateOption) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=true))}} @placeholder={{@placeholder}} @searchPlaceholder={{@searchPlaceholder}} @optionsComponent={{component EuiComboBoxOptions rowHeight=@rowHeight class=@optionsClass}} @extra={{@extra}} @groupComponent={{component EuiComboBoxGroup}} @triggerClass={{classNames \"euiComboBox\" (if @compressed \"euiComboBox--compressed\") (if @fullWidth \"euiComboBox--fullWidth\") (if @isDisabled \"euiComboBox-isDisabled\") (if @isInvalid \"euiComboBox-isInvalid\") (if this.select.isOpen \"euiComboBox-isOpen\")}} @noMatchesMessageComponent={{if (and @onCreateOption (not this.alwaysShowCreateOption)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=false) (component EuiComboBoxNoMatchesMessage)}} @dropdownClass=\"euiComboBoxOptionsList euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel-isAttached euiPopover__panel euiPopover__panel-noArrow euiPopover__panel--bottom euiPopover__panel-isOpen {{@dropdownClass}}\" as |option i|>\n  {{yield option i}}\n</PowerSelect>", {
       strictMode: true,
       scope: () => ({
-        PowerSelectMultiple,
+        PowerSelect,
         EuiComboBoxSearchMessage: SearchMessageComponent,
         argOrDefault,
         and,
@@ -97,7 +97,7 @@ class EuiComboBoxComponent extends Component {
   //This is to allow scrolling between virtualized groups
   get opts() {
     return this.results.reduce((acc, curr) => {
-      if (emberPowerSelectIsGroup([curr])) {
+      if (emberPowerSelectIsGroup(curr)) {
         acc.push(curr, ...curr.options);
       } else {
         acc.push(curr);
@@ -130,7 +130,7 @@ class EuiComboBoxComponent extends Component {
           return this._filterResultsCache.results;
         }
         //@ts-ignore
-        let results = this._filter(this.options, this.searchText);
+        const results = this._filter(this.options, this.searchText);
         //eslint-disable-next-line
         this._filterResultsCache = {
           results,
@@ -147,20 +147,20 @@ class EuiComboBoxComponent extends Component {
     n(this.prototype, "results", [cached]);
   }
   scrollTo(option, select) {
-    let optionsList = document.querySelector(`[aria-controls="ember-power-select-trigger-${select.uniqueId}"]`);
+    const optionsList = document.querySelector(`[aria-controls="ember-power-select-trigger-${select.uniqueId}"]`);
     if (!optionsList) {
       return;
     }
-    let index = this.opts.indexOf(option);
+    const index = this.opts.indexOf(option);
     if (index === -1) {
       return;
     }
-    let optionElement = optionsList.querySelector(`[data-option-index="${index}"]`);
+    const optionElement = optionsList.querySelector(`[data-option-index="${index}"]`);
     if (!optionElement) {
       return;
     }
-    let optionTopScroll = optionElement.offsetTop;
-    let optionBottomScroll = optionTopScroll + optionElement.offsetHeight;
+    const optionTopScroll = optionElement.offsetTop;
+    const optionBottomScroll = optionTopScroll + optionElement.offsetHeight;
     if (optionBottomScroll > optionsList.offsetHeight + optionsList.scrollTop) {
       optionsList.scrollTop = optionBottomScroll - optionsList.offsetHeight;
     } else if (optionTopScroll < optionsList.scrollTop) {
@@ -178,7 +178,9 @@ class EuiComboBoxComponent extends Component {
   }
   onChange(selected) {
     if (this.args.singleSelection) {
-      return selected.length > 0 ? [selected[selected.length - 1]] : [];
+      // keep only the option that was just chosen
+      this.args.onChange(selected.length > 0 ? [selected[selected.length - 1]] : []);
+      return;
     }
     this.args.onChange(selected);
   }
@@ -194,7 +196,7 @@ class EuiComboBoxComponent extends Component {
         return;
       }
     }
-    let search = option || this.select.searchText;
+    const search = option || this.select.searchText;
     this.select.actions.search('');
     this.select.actions.close();
     return search;
@@ -203,7 +205,7 @@ class EuiComboBoxComponent extends Component {
     n(this.prototype, "onCreateOption", [action]);
   }
   buildSelection(option, select) {
-    let newSelection = (select.selected || []).slice(0);
+    const newSelection = (select.selected || []).slice(0);
     let idx = -1;
     for (let i = 0; i < newSelection.length; i++) {
       if (isEqual(newSelection[i], option)) {