@ember-eui/core 14.0.0 → 14.1.0

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';\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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"}
+{"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":"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"}

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';\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;;;;"}
+{"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.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,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;;;;"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"eui-combo-box.js","sources":["../../src/components/eui-combo-box.gts"],"sourcesContent":["import 'ember-basic-dropdown/styles';\n\nimport Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { isArray } from '@ember/array';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\nimport { isEqual } from '@ember/utils';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport PowerSelect from 'ember-power-select/components/power-select';\nimport emberPowerSelectIsGroup from 'ember-power-select/helpers/ember-power-select-is-group';\nimport { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiComboBoxCreateOption from './eui-combo-box/create-option.gts';\nimport EuiComboBoxGroup from './eui-combo-box/group.gts';\nimport EuiComboBoxNoMatchesMessage from './eui-combo-box/no-matches-message.gts';\nimport EuiComboBoxOptions from './eui-combo-box/options.gts';\nimport EuiComboBoxSearchMessage from './eui-combo-box/search-message.gts';\nimport EuiComboBoxTrigger from './eui-combo-box/trigger.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\n\ninterface PromiseProxy<T> extends Promise<T> {\n  content: any;\n}\n\ninterface Select {\n  selected: any;\n  actions: {\n    search: (str: string) => void;\n  };\n}\n\nexport interface EuiComboBoxSignature {\n  Element: HTMLDivElement;\n  Args: {\n    singleSelection?:\n      | boolean\n      | {\n          asPlainText?: boolean;\n        };\n    onCreateOption?: (search: string) => boolean | undefined;\n    alwaysShowCreateOption?: boolean;\n    options: any[];\n    search?: (term: string, select: Select) => any[] | PromiseProxy<any[]>;\n    searchField?: string;\n    isInvalid?: boolean;\n    fullWidth?: boolean;\n    searchMessage?: string;\n    searchEnabled?: boolean;\n    isClearable?: boolean;\n    isLoading?: boolean;\n    isDisabled?: boolean;\n    readOnly?: boolean;\n    searchMessageComponent?: any;\n    compressed?: boolean;\n    onFocus?: (e: FocusEvent) => void;\n    onBlur?: (e: FocusEvent) => void;\n    onClose?: (e: Event) => void;\n    onOpen?: (e: Event) => void;\n    renderInPlace?: boolean;\n    customOptionText?: string;\n    loadingMessage?: any;\n    selectedItemComponent?: any;\n    beforeOptionsComponent?: any;\n    placeholderComponent?: any;\n    afterOptionsComponent?: any;\n    searchPlaceholder?: any;\n    dropdownClass?: string;\n    selectedOptions?: any[];\n    onChange: (selected: any[]) => void;\n    placeholder?: string;\n    extra?: any;\n    closeOnSelect?: boolean;\n    autoFocus?: boolean;\n    defaultHighlighted?: any;\n    matchTriggerWidth?: boolean;\n    tabindex?: number;\n    initiallyOpen?: boolean;\n    horizontalPosition?: string;\n    verticalPosition?: string;\n    destination?: string;\n    preventScroll?: boolean;\n    noMatchesMessage?: string;\n    noMatchesMessageComponent?: any;\n    optionsClass?: string;\n    rowHeight?: number;\n  };\n  Blocks: {\n    default: [any, number, Select];\n  };\n}\n\ninterface Sliceable<T> {\n  slice(): T[];\n}\n\nconst isSliceable = <T,>(coll: any): coll is Sliceable<T> => {\n  return isArray(coll);\n};\n\nexport const toPlainArray = <T,>(collection: T[] | Sliceable<T>): T[] => {\n  if (isSliceable<T>(collection)) {\n    return collection.slice();\n  } else {\n    return collection;\n  }\n};\n\nexport default class EuiComboBoxComponent extends Component<EuiComboBoxSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked select: any = null;\n  @tracked private _resolvedOptions?: any[];\n  @tracked searchText = '';\n  @tracked private _searchResult?: any[];\n\n  private _filterResultsCache: {\n    results: any[];\n    options: any[];\n    searchText: string;\n  } = { results: [], options: [], searchText: this.searchText };\n\n  get loadingMessage() {\n    return (\n      this.args.loadingMessage ||\n      this.euiI18n.lookupToken(\n        'euiComboBox.loadingMessage',\n        'Loading options...'\n      )\n    );\n  }\n\n  get noMatchesMessage() {\n    return (\n      this.args.noMatchesMessage ||\n      this.euiI18n.lookupToken(\n        'euiComboBox.noMatchesMessage',\n        'No results found'\n      )\n    );\n  }\n\n  get searchMessage() {\n    return (\n      this.args.searchMessage ||\n      this.euiI18n.lookupToken('euiComboBox.searchMessage', 'Type to search')\n    );\n  }\n\n  get alwaysShowCreateOption() {\n    return this.args.onCreateOption && this.args.alwaysShowCreateOption;\n  }\n\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n\n    <PowerSelect\n      @multiple={{true}}\n      ...attributes\n      @onChange={{this.onChange}}\n      @onFocus={{@onFocus}}\n      @onBlur={{@onBlur}}\n      @onOpen={{@onOpen}}\n      @onClose={{@onClose}}\n      @placeholderComponent={{@placeholderComponent}}\n      @searchMessage={{this.searchMessage}}\n      @searchMessageComponent={{if\n        @searchMessageComponent\n        @searchMessageComponent\n        EuiComboBoxSearchMessage\n      }}\n      @noMatchesMessage={{this.noMatchesMessage}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @options={{this.options}}\n      @selected={{@selectedOptions}}\n      @closeOnSelect={{@closeOnSelect}}\n      @defaultHighlighted={{@defaultHighlighted}}\n      @searchField={{@searchField}}\n      @searchEnabled={{argOrDefault @searchEnabled true}}\n      @tabindex={{@tabindex}}\n      @initiallyOpened={{and (not @isDisabled) @autoFocus}}\n      @triggerComponent={{component\n        EuiComboBoxTrigger\n        fullWidth=@fullWidth\n        compressed=@compressed\n        isInvalid=@isInvalid\n        singleSelection=@singleSelection\n        onClose=@removeTag\n        onCreateOption=(if @onCreateOption this.onCreateOption)\n        isLoading=@isLoading\n        autoFocus=(and (not @isDisabled) @autoFocus)\n        icon=@triggerIcon\n      }}\n      @matcher={{@matcher}}\n      @initiallyOpen={{@initiallyOpen}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @buildSelection={{this.buildSelection}}\n      @search={{@search}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @scrollTo={{this.scrollTo}}\n      @registerAPI={{queue this.registerAPI (optional @registerApi)}}\n      @horizontalPosition={{@horizontalPosition}}\n      @destination={{@destination}}\n      @preventScroll={{@preventScroll}}\n      @renderInPlace={{@renderInPlace}}\n      @verticalPosition={{@verticalPosition}}\n      @disabled={{@isDisabled}}\n      @calculatePosition={{@calculatePosition}}\n      @eventType={{@eventType}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{@ariaLabelledBy}}\n      @required={{@required}}\n      @triggerRole={{@triggerRole}}\n      @title={{@title}}\n      @triggerId={{@triggerId}}\n      @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}}\n      @loadingMessage={{this.loadingMessage}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @afterOptionsComponent={{if\n        @afterOptionsComponent\n        @afterOptionsComponent\n        (if\n          (and\n            @onCreateOption\n            (not this.select.loading)\n            this.select.searchText\n            this.alwaysShowCreateOption\n          )\n          (component\n            EuiComboBoxCreateOption\n            customOptionText=@customOptionText\n            onCreateOption=this.onCreateOption\n            select=this.select\n            alwaysShow=true\n          )\n        )\n      }}\n      @placeholder={{@placeholder}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @optionsComponent={{component\n        EuiComboBoxOptions\n        rowHeight=@rowHeight\n        class=@optionsClass\n      }}\n      @extra={{@extra}}\n      @groupComponent={{component EuiComboBoxGroup}}\n      @triggerClass={{classNames\n        \"euiComboBox\"\n        (if @compressed \"euiComboBox--compressed\")\n        (if @fullWidth \"euiComboBox--fullWidth\")\n        (if @isDisabled \"euiComboBox-isDisabled\")\n        (if @isInvalid \"euiComboBox-isInvalid\")\n        (if this.select.isOpen \"euiComboBox-isOpen\")\n      }}\n      @noMatchesMessageComponent={{if\n        (and @onCreateOption (not this.alwaysShowCreateOption))\n        (component\n          EuiComboBoxCreateOption\n          customOptionText=@customOptionText\n          onCreateOption=this.onCreateOption\n          select=this.select\n          alwaysShow=false\n        )\n        (component EuiComboBoxNoMatchesMessage)\n      }}\n      @dropdownClass=\"euiComboBoxOptionsList euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel-isAttached euiPopover__panel euiPopover__panel-noArrow euiPopover__panel--bottom euiPopover__panel-isOpen {{@dropdownClass}}\"\n      as |option i|\n    >\n      {{yield option i}}\n    </PowerSelect>\n  </template>\n\n  //This is to allow scrolling between virtualized groups\n  @cached\n  get opts() {\n    return this.results.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  @cached\n  get options(): any[] {\n    if (this._resolvedOptions) return toPlainArray(this._resolvedOptions);\n\n    if (this.args.options) {\n      return toPlainArray(this.args.options);\n    } else {\n      return [];\n    }\n  }\n\n  @cached\n  get results(): any[] {\n    if (this.searchText.length > 0) {\n      if (this.args.search) {\n        return toPlainArray(this._searchResult || this.options);\n      } else {\n        if (\n          this._filterResultsCache.options === this.options &&\n          this._filterResultsCache.searchText === this.searchText\n        ) {\n          // This is an optimization to avoid filtering several times, which may be a bit expensive\n          // if there are many options, if neither the options nor the searchtext have changed\n          return this._filterResultsCache.results;\n        }\n\n        //@ts-ignore\n        const results = this._filter(this.options, this.searchText);\n        //eslint-disable-next-line\n        this._filterResultsCache = {\n          results,\n          options: this.options,\n          searchText: this.searchText\n        };\n\n        return results;\n      }\n    } else {\n      return this.options;\n    }\n  }\n\n  @action\n  scrollTo(option: any, select: { results: []; uniqueId: string }): void {\n    const optionsList = document.querySelector(\n      `[aria-controls=\"ember-power-select-trigger-${select.uniqueId}\"]`\n    ) as HTMLElement;\n\n    if (!optionsList) {\n      return;\n    }\n\n    const index = this.opts.indexOf(option);\n\n    if (index === -1) {\n      return;\n    }\n\n    const optionElement = optionsList.querySelector(\n      `[data-option-index=\"${index}\"]`\n    ) as HTMLElement;\n\n    if (!optionElement) {\n      return;\n    }\n\n    const optionTopScroll = optionElement.offsetTop;\n    const optionBottomScroll = optionTopScroll + optionElement.offsetHeight;\n\n    if (optionBottomScroll > optionsList.offsetHeight + optionsList.scrollTop) {\n      optionsList.scrollTop = optionBottomScroll - optionsList.offsetHeight;\n    } else if (optionTopScroll < optionsList.scrollTop) {\n      optionsList.scrollTop = optionTopScroll;\n    }\n  }\n\n  @action\n  registerAPI(select: Select) {\n    this.select = select;\n  }\n\n  @action\n  onChange(selected: any[]) {\n    if (this.args.singleSelection) {\n      // keep only the option that was just chosen\n      this.args.onChange(\n        selected.length > 0 ? [selected[selected.length - 1]] : []\n      );\n\n      return;\n    }\n\n    this.args.onChange(selected);\n  }\n\n  @action\n  onCreateOption() {\n    let option;\n\n    if (\n      this.args.onCreateOption &&\n      typeof this.args.onCreateOption === 'function'\n    ) {\n      // The `onCreateOption` function can be used to sanitize the input or explicitly return `false` to reject the input\n      option = this.args.onCreateOption(this.select.searchText);\n\n      if (option === false) {\n        return;\n      }\n    }\n\n    const search = option || this.select.searchText;\n\n    this.select.actions.search('');\n    this.select.actions.close();\n\n    return search;\n  }\n\n  @action\n  buildSelection(option: any, select: Select) {\n    const newSelection = (select.selected || []).slice(0);\n    let idx = -1;\n\n    for (let i = 0; i < newSelection.length; i++) {\n      if (isEqual(newSelection[i], option)) {\n        idx = i;\n\n        break;\n      }\n    }\n\n    if (idx > -1) {\n      newSelection.splice(idx, 1);\n    } else {\n      newSelection.push(option);\n    }\n\n    if (this.args.singleSelection && newSelection.length === 0) {\n      select.actions.search('');\n    }\n\n    if (select?.selected?.length < newSelection.length) {\n      select.actions.search('');\n    }\n\n    return newSelection;\n  }\n}\n"],"names":["isSliceable","coll","isArray","toPlainArray","collection","slice","EuiComboBoxComponent","Component","g","prototype","service","i","tracked","_filterResultsCache","results","options","searchText","loadingMessage","args","euiI18n","lookupToken","noMatchesMessage","searchMessage","alwaysShowCreateOption","onCreateOption","setComponentTemplate","precompileTemplate","strictMode","scope","PowerSelect","EuiComboBoxSearchMessage","argOrDefault","and","not","EuiComboBoxTrigger","queue","optional","EuiComboBoxCreateOption","EuiComboBoxOptions","EuiComboBoxGroup","classNames","EuiComboBoxNoMatchesMessage","opts","reduce","acc","curr","emberPowerSelectIsGroup","push","n","cached","_resolvedOptions","length","search","_searchResult","_filter","scrollTo","option","select","optionsList","document","querySelector","uniqueId","index","indexOf","optionElement","optionTopScroll","offsetTop","optionBottomScroll","offsetHeight","scrollTop","action","registerAPI","onChange","selected","singleSelection","actions","close","buildSelection","newSelection","idx","isEqual","splice"],"mappings":"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"}
+{"version":3,"file":"eui-combo-box.js","sources":["../../src/components/eui-combo-box.gts"],"sourcesContent":["import 'ember-basic-dropdown/styles';\n\nimport Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { isArray } from '@ember/array';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\nimport { isEqual } from '@ember/utils';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport PowerSelect from 'ember-power-select/components/power-select';\nimport emberPowerSelectIsGroup from 'ember-power-select/helpers/ember-power-select-is-group';\nimport { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiComboBoxCreateOption from './eui-combo-box/create-option.gts';\nimport EuiComboBoxGroup from './eui-combo-box/group.gts';\nimport EuiComboBoxNoMatchesMessage from './eui-combo-box/no-matches-message.gts';\nimport EuiComboBoxOptions from './eui-combo-box/options.gts';\nimport EuiComboBoxSearchMessage from './eui-combo-box/search-message.gts';\nimport EuiComboBoxTrigger from './eui-combo-box/trigger.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\n\ninterface PromiseProxy<T> extends Promise<T> {\n  content: any;\n}\n\ninterface Select {\n  selected: any;\n  actions: {\n    search: (str: string) => void;\n  };\n}\n\nexport interface EuiComboBoxSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Allows only one selected option (still passed to `@onChange` as a\n     * one-item array). `{ asPlainText: true }` shows the selection as plain\n     * text instead of a pill. Defaults to multiple selection.\n     */\n    singleSelection?:\n      | boolean\n      | {\n          asPlainText?: boolean;\n        };\n    /**\n     * Lets the user add the typed text as a new option: shows an \"add\"\n     * option when nothing matches (or always, with\n     * `@alwaysShowCreateOption`). Called with the search text; return\n     * `false` to reject it, or a value to use instead of the text. Add the\n     * result to `@options` / `@selectedOptions` yourself.\n     */\n    onCreateOption?: (search: string) => boolean | undefined;\n    /** Shows the \"add\" option even when some options match. */\n    alwaysShowCreateOption?: boolean;\n    /**\n     * The options: strings, or objects shown by the default block (e.g.\n     * `{{option.label}}`). Groups are `{ groupName: 'Fruits', options: [...] }`.\n     * A promise is supported (shows `@loadingMessage` while pending).\n     */\n    options: any[];\n    /**\n     * Custom search, e.g. to query a server: `(term, select) => results`\n     * (or a promise). Without it the options are filtered locally, by\n     * `@searchField` for objects.\n     */\n    search?: (term: string, select: Select) => any[] | PromiseProxy<any[]>;\n    /** Key of object options to match the search text against, e.g. `'label'`. */\n    searchField?: string;\n    /** Shows the invalid state. */\n    isInvalid?: boolean;\n    /** Stretches the combo box to its container's width. */\n    fullWidth?: boolean;\n    /** Message shown before typing when `@search` is set. Defaults to \"Type to search\". */\n    searchMessage?: string;\n    /** Allows typing to filter options. Defaults to `true`. */\n    searchEnabled?: boolean;\n    /** Shows a button clearing the selection. Defaults to `true`. */\n    isClearable?: boolean;\n    /** Shows a spinner in the input, e.g. while options load. */\n    isLoading?: boolean;\n    /** Disables the combo box. */\n    isDisabled?: boolean;\n    /** @deprecated Has no effect; use `@isDisabled`. */\n    readOnly?: boolean;\n    /** Component rendered instead of `@searchMessage`. */\n    searchMessageComponent?: any;\n    /** Smaller combo box, for dense forms. */\n    compressed?: boolean;\n    /** Called when the input gets focus. */\n    onFocus?: (e: FocusEvent) => void;\n    /** Called when the input loses focus. */\n    onBlur?: (e: FocusEvent) => void;\n    /** Called when the options list closes; return `false` to keep it open. */\n    onClose?: (e: Event) => void;\n    /** Called when the options list opens; return `false` to keep it closed. */\n    onOpen?: (e: Event) => void;\n    /**\n     * Renders the options list next to the input instead of in a portal\n     * at the end of the page (e.g. inside modals with their own scrolling).\n     */\n    renderInPlace?: boolean;\n    /**\n     * Text (HTML) of the \"add\" option; `{searchText}` is replaced by the\n     * typed text. Defaults to \"Add **{searchText}** as custom option\".\n     */\n    customOptionText?: string;\n    /** Message while `@options` or `@search` load. Defaults to \"Loading options...\". */\n    loadingMessage?: any;\n    /** Component rendering each selected option (pill). */\n    selectedItemComponent?: any;\n    /** Component rendered above the options. */\n    beforeOptionsComponent?: any;\n    /** Component rendered instead of `@placeholder`. */\n    placeholderComponent?: any;\n    /** Component rendered below the options. */\n    afterOptionsComponent?: any;\n    /** Placeholder of the search input. */\n    searchPlaceholder?: any;\n    /** Extra class for the options list. */\n    dropdownClass?: string;\n    /** The selected options (items of `@options`). */\n    selectedOptions?: any[];\n    /**\n     * Called with the new selection (an array, also with\n     * `@singleSelection`). Update `@selectedOptions` here.\n     */\n    onChange: (selected: any[]) => void;\n    /** Text shown when nothing is selected. */\n    placeholder?: string;\n    /** Anything, passed to custom components as `@extra`. */\n    extra?: any;\n    /** Closes the options list after selecting one. */\n    closeOnSelect?: boolean;\n    /** Focuses the combo box and opens its options on render. */\n    autoFocus?: boolean;\n    /** Option highlighted when the list opens. */\n    defaultHighlighted?: any;\n    /** Makes the options list as wide as the input. */\n    matchTriggerWidth?: boolean;\n    /** `tabindex` of the combo box. */\n    tabindex?: number;\n    /** Opens the options list on render. */\n    initiallyOpen?: boolean;\n    /** Horizontal alignment of the options list: `'auto'`, `'left'`, `'right'` or `'center'`. */\n    horizontalPosition?: string;\n    /** Vertical position of the options list: `'auto'`, `'above'` or `'below'`. */\n    verticalPosition?: string;\n    /** Id of the element the options list renders into. */\n    destination?: string;\n    /** Prevents the page from scrolling while the options list is open. */\n    preventScroll?: boolean;\n    /** Message when no option matches. Defaults to \"No results found\". */\n    noMatchesMessage?: string;\n    /** @deprecated Has no effect; the \"no matches\" / \"add\" option is built in. */\n    noMatchesMessageComponent?: any;\n    /** Extra class for the element wrapping the options. */\n    optionsClass?: string;\n    /** Height in px of each option in the (virtualized) list. */\n    rowHeight?: number;\n    /**\n     * Custom matching for local filtering: `(option, searchText) => -1` for\n     * no match, anything else for a match.\n     */\n    matcher?: (option: any, searchText: string) => number;\n    /** Matching used when typing while the list is closed. */\n    typeAheadOptionMatcher?: (option: any, searchText: string) => number;\n    /** Icon in the input, anything `EuiIcon`'s `@type` accepts. */\n    triggerIcon?: any;\n    /** Called when a selected option's pill is removed. */\n    removeTag?: (option: any) => void;\n    /** Called on every input with the text and the select API. */\n    onInput?: (text: string, select: any, event: Event) => any;\n    /** Called on keydown; return `false` to prevent the default behavior. */\n    onKeydown?: (select: any, event: KeyboardEvent) => any;\n    /** Called with ember-power-select's API (`actions.open()`, `search`, …). */\n    registerApi?: (select: any) => void;\n    /** Custom positioning of the options list, see ember-basic-dropdown. */\n    calculatePosition?: (...args: any[]) => any;\n    /** Event that opens the list: `'click'` or `'mousedown'`. */\n    eventType?: string;\n    /** Accessible label of the combo box. */\n    ariaLabel?: string;\n    /** Id of the element labelling the combo box. */\n    ariaLabelledBy?: string;\n    /** Marks the combo box as required for assistive technology. */\n    required?: boolean;\n    /** `role` of the input. */\n    triggerRole?: string;\n    /** `title` of the combo box. */\n    title?: string;\n    /** Id of the input, e.g. for an `EuiFormRow`'s label. */\n    triggerId?: string;\n  };\n  Blocks: {\n    /**\n     * Renders each option, with its index: `as |option|` →\n     * `{{option.label}}`. Strings can be rendered as they are.\n     */\n    default: [any, number, Select];\n  };\n}\n\ninterface Sliceable<T> {\n  slice(): T[];\n}\n\nconst isSliceable = <T,>(coll: any): coll is Sliceable<T> => {\n  return isArray(coll);\n};\n\nexport const toPlainArray = <T,>(collection: T[] | Sliceable<T>): T[] => {\n  if (isSliceable<T>(collection)) {\n    return collection.slice();\n  } else {\n    return collection;\n  }\n};\n\nexport default class EuiComboBoxComponent extends Component<EuiComboBoxSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked select: any = null;\n  @tracked private _resolvedOptions?: any[];\n  @tracked searchText = '';\n  @tracked private _searchResult?: any[];\n\n  private _filterResultsCache: {\n    results: any[];\n    options: any[];\n    searchText: string;\n  } = { results: [], options: [], searchText: this.searchText };\n\n  get loadingMessage() {\n    return (\n      this.args.loadingMessage ||\n      this.euiI18n.lookupToken(\n        'euiComboBox.loadingMessage',\n        'Loading options...'\n      )\n    );\n  }\n\n  get noMatchesMessage() {\n    return (\n      this.args.noMatchesMessage ||\n      this.euiI18n.lookupToken(\n        'euiComboBox.noMatchesMessage',\n        'No results found'\n      )\n    );\n  }\n\n  get searchMessage() {\n    return (\n      this.args.searchMessage ||\n      this.euiI18n.lookupToken('euiComboBox.searchMessage', 'Type to search')\n    );\n  }\n\n  get alwaysShowCreateOption() {\n    return this.args.onCreateOption && this.args.alwaysShowCreateOption;\n  }\n\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n\n    <PowerSelect\n      @multiple={{true}}\n      ...attributes\n      @onChange={{this.onChange}}\n      @onFocus={{@onFocus}}\n      @onBlur={{@onBlur}}\n      @onOpen={{@onOpen}}\n      @onClose={{@onClose}}\n      @placeholderComponent={{@placeholderComponent}}\n      @searchMessage={{this.searchMessage}}\n      @searchMessageComponent={{if\n        @searchMessageComponent\n        @searchMessageComponent\n        EuiComboBoxSearchMessage\n      }}\n      @noMatchesMessage={{this.noMatchesMessage}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @options={{this.options}}\n      @selected={{@selectedOptions}}\n      @closeOnSelect={{@closeOnSelect}}\n      @defaultHighlighted={{@defaultHighlighted}}\n      @searchField={{@searchField}}\n      @searchEnabled={{argOrDefault @searchEnabled true}}\n      @tabindex={{@tabindex}}\n      @initiallyOpened={{and (not @isDisabled) @autoFocus}}\n      @triggerComponent={{component\n        EuiComboBoxTrigger\n        fullWidth=@fullWidth\n        compressed=@compressed\n        isInvalid=@isInvalid\n        singleSelection=@singleSelection\n        onClose=@removeTag\n        onCreateOption=(if @onCreateOption this.onCreateOption)\n        isLoading=@isLoading\n        autoFocus=(and (not @isDisabled) @autoFocus)\n        icon=@triggerIcon\n      }}\n      @matcher={{@matcher}}\n      @initiallyOpen={{@initiallyOpen}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @buildSelection={{this.buildSelection}}\n      @search={{@search}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @scrollTo={{this.scrollTo}}\n      @registerAPI={{queue this.registerAPI (optional @registerApi)}}\n      @horizontalPosition={{@horizontalPosition}}\n      @destination={{@destination}}\n      @preventScroll={{@preventScroll}}\n      @renderInPlace={{@renderInPlace}}\n      @verticalPosition={{@verticalPosition}}\n      @disabled={{@isDisabled}}\n      @calculatePosition={{@calculatePosition}}\n      @eventType={{@eventType}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{@ariaLabelledBy}}\n      @required={{@required}}\n      @triggerRole={{@triggerRole}}\n      @title={{@title}}\n      @triggerId={{@triggerId}}\n      @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}}\n      @loadingMessage={{this.loadingMessage}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @afterOptionsComponent={{if\n        @afterOptionsComponent\n        @afterOptionsComponent\n        (if\n          (and\n            @onCreateOption\n            (not this.select.loading)\n            this.select.searchText\n            this.alwaysShowCreateOption\n          )\n          (component\n            EuiComboBoxCreateOption\n            customOptionText=@customOptionText\n            onCreateOption=this.onCreateOption\n            select=this.select\n            alwaysShow=true\n          )\n        )\n      }}\n      @placeholder={{@placeholder}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @optionsComponent={{component\n        EuiComboBoxOptions\n        rowHeight=@rowHeight\n        class=@optionsClass\n      }}\n      @extra={{@extra}}\n      @groupComponent={{component EuiComboBoxGroup}}\n      @triggerClass={{classNames\n        \"euiComboBox\"\n        (if @compressed \"euiComboBox--compressed\")\n        (if @fullWidth \"euiComboBox--fullWidth\")\n        (if @isDisabled \"euiComboBox-isDisabled\")\n        (if @isInvalid \"euiComboBox-isInvalid\")\n        (if this.select.isOpen \"euiComboBox-isOpen\")\n      }}\n      @noMatchesMessageComponent={{if\n        (and @onCreateOption (not this.alwaysShowCreateOption))\n        (component\n          EuiComboBoxCreateOption\n          customOptionText=@customOptionText\n          onCreateOption=this.onCreateOption\n          select=this.select\n          alwaysShow=false\n        )\n        (component EuiComboBoxNoMatchesMessage)\n      }}\n      @dropdownClass=\"euiComboBoxOptionsList euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel-isAttached euiPopover__panel euiPopover__panel-noArrow euiPopover__panel--bottom euiPopover__panel-isOpen {{@dropdownClass}}\"\n      as |option i|\n    >\n      {{yield option i}}\n    </PowerSelect>\n  </template>\n\n  //This is to allow scrolling between virtualized groups\n  @cached\n  get opts() {\n    return this.results.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  @cached\n  get options(): any[] {\n    if (this._resolvedOptions) return toPlainArray(this._resolvedOptions);\n\n    if (this.args.options) {\n      return toPlainArray(this.args.options);\n    } else {\n      return [];\n    }\n  }\n\n  @cached\n  get results(): any[] {\n    if (this.searchText.length > 0) {\n      if (this.args.search) {\n        return toPlainArray(this._searchResult || this.options);\n      } else {\n        if (\n          this._filterResultsCache.options === this.options &&\n          this._filterResultsCache.searchText === this.searchText\n        ) {\n          // This is an optimization to avoid filtering several times, which may be a bit expensive\n          // if there are many options, if neither the options nor the searchtext have changed\n          return this._filterResultsCache.results;\n        }\n\n        //@ts-ignore\n        const results = this._filter(this.options, this.searchText);\n        //eslint-disable-next-line\n        this._filterResultsCache = {\n          results,\n          options: this.options,\n          searchText: this.searchText\n        };\n\n        return results;\n      }\n    } else {\n      return this.options;\n    }\n  }\n\n  @action\n  scrollTo(option: any, select: { results: []; uniqueId: string }): void {\n    const optionsList = document.querySelector(\n      `[aria-controls=\"ember-power-select-trigger-${select.uniqueId}\"]`\n    ) as HTMLElement;\n\n    if (!optionsList) {\n      return;\n    }\n\n    const index = this.opts.indexOf(option);\n\n    if (index === -1) {\n      return;\n    }\n\n    const optionElement = optionsList.querySelector(\n      `[data-option-index=\"${index}\"]`\n    ) as HTMLElement;\n\n    if (!optionElement) {\n      return;\n    }\n\n    const optionTopScroll = optionElement.offsetTop;\n    const optionBottomScroll = optionTopScroll + optionElement.offsetHeight;\n\n    if (optionBottomScroll > optionsList.offsetHeight + optionsList.scrollTop) {\n      optionsList.scrollTop = optionBottomScroll - optionsList.offsetHeight;\n    } else if (optionTopScroll < optionsList.scrollTop) {\n      optionsList.scrollTop = optionTopScroll;\n    }\n  }\n\n  @action\n  registerAPI(select: Select) {\n    this.select = select;\n  }\n\n  @action\n  onChange(selected: any[]) {\n    if (this.args.singleSelection) {\n      // keep only the option that was just chosen\n      this.args.onChange(\n        selected.length > 0 ? [selected[selected.length - 1]] : []\n      );\n\n      return;\n    }\n\n    this.args.onChange(selected);\n  }\n\n  @action\n  onCreateOption() {\n    let option;\n\n    if (\n      this.args.onCreateOption &&\n      typeof this.args.onCreateOption === 'function'\n    ) {\n      // The `onCreateOption` function can be used to sanitize the input or explicitly return `false` to reject the input\n      option = this.args.onCreateOption(this.select.searchText);\n\n      if (option === false) {\n        return;\n      }\n    }\n\n    const search = option || this.select.searchText;\n\n    this.select.actions.search('');\n    this.select.actions.close();\n\n    return search;\n  }\n\n  @action\n  buildSelection(option: any, select: Select) {\n    const newSelection = (select.selected || []).slice(0);\n    let idx = -1;\n\n    for (let i = 0; i < newSelection.length; i++) {\n      if (isEqual(newSelection[i], option)) {\n        idx = i;\n\n        break;\n      }\n    }\n\n    if (idx > -1) {\n      newSelection.splice(idx, 1);\n    } else {\n      newSelection.push(option);\n    }\n\n    if (this.args.singleSelection && newSelection.length === 0) {\n      select.actions.search('');\n    }\n\n    if (select?.selected?.length < newSelection.length) {\n      select.actions.search('');\n    }\n\n    return newSelection;\n  }\n}\n"],"names":["isSliceable","coll","isArray","toPlainArray","collection","slice","EuiComboBoxComponent","Component","g","prototype","service","i","tracked","_filterResultsCache","results","options","searchText","loadingMessage","args","euiI18n","lookupToken","noMatchesMessage","searchMessage","alwaysShowCreateOption","onCreateOption","setComponentTemplate","precompileTemplate","strictMode","scope","PowerSelect","EuiComboBoxSearchMessage","argOrDefault","and","not","EuiComboBoxTrigger","queue","optional","EuiComboBoxCreateOption","EuiComboBoxOptions","EuiComboBoxGroup","classNames","EuiComboBoxNoMatchesMessage","opts","reduce","acc","curr","emberPowerSelectIsGroup","push","n","cached","_resolvedOptions","length","search","_searchResult","_filter","scrollTo","option","select","optionsList","document","querySelector","uniqueId","index","indexOf","optionElement","optionTopScroll","offsetTop","optionBottomScroll","offsetHeight","scrollTop","action","registerAPI","onChange","selected","singleSelection","actions","close","buildSelection","newSelection","idx","isEqual","splice"],"mappings":"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"}

package/dist/components/eui-comment-list.js

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** Stacks EuiComments along a shared timeline. */
 const EuiCommentList = setComponentTemplate(precompileTemplate("  {{!--\n  Comment List is basically a wrapper for various comments\n--}}\n  <div class=\"euiCommentList\" ...attributes>\n    {{yield}}\n  </div>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-comment-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-comment-list.js","sources":["../../src/components/eui-comment-list.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCommentListSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiCommentList: TemplateOnlyComponent<EuiCommentListSignature> =\n  <template>\n    {{!\n    Comment List is basically a wrapper for various comments\n  }}\n    <div class=\"euiCommentList\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiCommentList;\n"],"names":["EuiCommentList","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAOA,oJAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-comment-list.js","sources":["../../src/components/eui-comment-list.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** Stacks EuiComments along a shared timeline. */\nexport interface EuiCommentListSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** The `EuiComment`s. */\n    default: [];\n  };\n}\n\nconst EuiCommentList: TemplateOnlyComponent<EuiCommentListSignature> =\n  <template>\n    {{!\n    Comment List is basically a wrapper for various comments\n  }}\n    <div class=\"euiCommentList\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiCommentList;\n"],"names":["EuiCommentList","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,oJAAA,EAOA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-comment-timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-comment-timeline.js","sources":["../../src/components/eui-comment-timeline.gts"],"sourcesContent":["import { eq, not,or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { commentTimelineTypeMapping } from '../utils/css-mappings/eui-comment-timeline-icon.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCommentTimelineSignature {\n  Element: HTMLDivElement;\n  Args: {\n    timelineIcon?: string;\n    type?: keyof typeof commentTimelineTypeMapping;\n  };\n  Blocks: {\n    timelineIcon: [];\n  };\n}\n\nconst EuiCommentTimeline: TemplateOnlyComponent<EuiCommentTimelineSignature> =\n  <template>\n    <div class=\"euiCommentTimeline\" ...attributes>\n      <div class=\"euiCommentTimeline__content\">\n        <div\n          class={{classNames\n            (if\n              (or @timelineIcon (not (has-block \"timelineIcon\")))\n              \"euiCommentTimeline__icon--default\"\n            )\n            componentName=\"EuiCommentTimelineIcon\"\n            type=(argOrDefault @type \"regular\")\n          }}\n        >\n          {{#if @timelineIcon}}\n            <EuiIcon\n              @size={{if (eq @type \"update\") \"m\" \"l\"}}\n              @type={{@timelineIcon}}\n            />\n          {{else if (has-block \"timelineIcon\")}}\n            {{yield to=\"timelineIcon\"}}\n          {{else}}\n            <EuiIcon\n              @type={{if (eq @type \"update\") \"dot\" \"user\"}}\n              @size={{if (eq @type \"update\") \"m\" \"l\"}}\n            />\n          {{/if}}\n        </div>\n      </div>\n    </div>\n  </template>;\n\nexport default EuiCommentTimeline;\n"],"names":["EuiCommentTimeline","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","not","argOrDefault","EuiIcon","eq","templateOnly"],"mappings":";;;;;;;;AAoBA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA6BA,srBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-comment-timeline.js","sources":["../../src/components/eui-comment-timeline.gts"],"sourcesContent":["import { eq, not,or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { commentTimelineTypeMapping } from '../utils/css-mappings/eui-comment-timeline-icon.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The icon column of an EuiComment. */\nexport interface EuiCommentTimelineSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Icon on the timeline. Defaults to `'user'` (`'dot'` for updates). */\n    timelineIcon?: string;\n    /** `'regular'` or `'update'`, see `EuiComment`. Defaults to `'regular'`. */\n    type?: keyof typeof commentTimelineTypeMapping;\n  };\n  Blocks: {\n    /** Custom content instead of the icon, e.g. an `EuiAvatar`. */\n    timelineIcon: [];\n  };\n}\n\nconst EuiCommentTimeline: TemplateOnlyComponent<EuiCommentTimelineSignature> =\n  <template>\n    <div class=\"euiCommentTimeline\" ...attributes>\n      <div class=\"euiCommentTimeline__content\">\n        <div\n          class={{classNames\n            (if\n              (or @timelineIcon (not (has-block \"timelineIcon\")))\n              \"euiCommentTimeline__icon--default\"\n            )\n            componentName=\"EuiCommentTimelineIcon\"\n            type=(argOrDefault @type \"regular\")\n          }}\n        >\n          {{#if @timelineIcon}}\n            <EuiIcon\n              @size={{if (eq @type \"update\") \"m\" \"l\"}}\n              @type={{@timelineIcon}}\n            />\n          {{else if (has-block \"timelineIcon\")}}\n            {{yield to=\"timelineIcon\"}}\n          {{else}}\n            <EuiIcon\n              @type={{if (eq @type \"update\") \"dot\" \"user\"}}\n              @size={{if (eq @type \"update\") \"m\" \"l\"}}\n            />\n          {{/if}}\n        </div>\n      </div>\n    </div>\n  </template>;\n\nexport default EuiCommentTimeline;\n"],"names":["EuiCommentTimeline","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","not","argOrDefault","EuiIcon","eq","templateOnly"],"mappings":";;;;;;;;AAwBA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,srBAAA,EA6BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-comment.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-comment.js","sources":["../../src/components/eui-comment.gts"],"sourcesContent":["import { and, eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiCommentTimeline from './eui-comment-timeline.gts';\n\nimport type { EuiCommentTimelineSignature } from './eui-comment-timeline';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCommentSignature {\n  Element: HTMLDivElement;\n  Args: {\n    type?: EuiCommentTimelineSignature['Args']['type'];\n    timelineIcon?: EuiCommentTimelineSignature['Args']['timelineIcon'];\n  };\n  Blocks: {\n    timelineIcon: [];\n    username: [];\n    event: [];\n    timestamp: [];\n    actions: [];\n    body: [];\n  };\n}\n\nconst EuiComment: TemplateOnlyComponent<EuiCommentSignature> = <template>\n  <div\n    class={{classNames\n      \"euiComment\"\n      (if (eq @type \"update\") \"euiComment--update\")\n      (if (has-block \"body\") \"euiComment--hasBody\")\n    }}\n    ...attributes\n  >\n    {{#if (has-block \"timelineIcon\")}}\n      <EuiCommentTimeline @type={{@type}}>\n        <:timelineIcon>\n          {{yield to=\"timelineIcon\"}}\n        </:timelineIcon>\n      </EuiCommentTimeline>\n    {{else}}\n      <EuiCommentTimeline @type={{@type}} @timelineIcon={{@timelineIcon}} />\n    {{/if}}\n    {{! Basically the same, just to avoid using dynamic tag we use figure and figcaption instead of divs when it doesn't have body}}\n    {{#if (and (eq @type \"update\") (not (has-block \"body\")))}}\n      <figure\n        class={{classNames\n          componentName=\"EuiCommentEvent\"\n          type=(argOrDefault @type \"regular\")\n        }}\n      >\n        <figcaption class=\"euiCommentEvent__header\">\n          <div class=\"euiCommentEvent__headerData\">\n            <div class=\"euiCommentEvent__headerUsername\">\n              {{yield to=\"username\"}}\n            </div>\n            <div class=\"euiCommentEvent__headerEvent\">\n              {{yield to=\"event\"}}\n            </div>\n            {{#if (has-block \"timestamp\")}}\n              <div class=\"euiCommentEvent__headerTimestamp\">\n                <time>\n                  {{yield to=\"timestamp\"}}\n                </time>\n              </div>\n            {{/if}}\n          </div>\n          <div class=\"euiCommentEvent__headerActions\">\n            {{yield to=\"actions\"}}\n          </div>\n        </figcaption>\n        <div class=\"euiCommentEvent__body\">\n          {{yield to=\"body\"}}\n        </div>\n      </figure>\n    {{else}}\n      <div\n        class={{classNames\n          componentName=\"EuiCommentEvent\"\n          type=(argOrDefault @type \"regular\")\n        }}\n      >\n        <div class=\"euiCommentEvent__header\">\n          <div class=\"euiCommentEvent__headerData\">\n            <div class=\"euiCommentEvent__headerUsername\">\n              {{yield to=\"username\"}}\n            </div>\n            <div class=\"euiCommentEvent__headerEvent\">\n              {{yield to=\"event\"}}\n            </div>\n            {{#if (has-block \"timestamp\")}}\n              <div class=\"euiCommentEvent__headerTimestamp\">\n                <time>\n                  {{yield to=\"timestamp\"}}\n                </time>\n              </div>\n            {{/if}}\n          </div>\n          <div class=\"euiCommentEvent__headerActions\">\n            {{yield to=\"actions\"}}\n          </div>\n        </div>\n        <div class=\"euiCommentEvent__body\">\n          {{yield to=\"body\"}}\n        </div>\n      </div>\n    {{/if}}\n  </div>\n</template>;\n\nexport default EuiComment;\n"],"names":["EuiComment","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiCommentTimeline","and","not","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAyBA,MAAMA,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,CAmF/D,k9EAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,GAAA;IAAAC,GAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-comment.js","sources":["../../src/components/eui-comment.gts"],"sourcesContent":["import { and, eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiCommentTimeline from './eui-comment-timeline.gts';\n\nimport type { EuiCommentTimelineSignature } from './eui-comment-timeline';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCommentSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * `'regular'` for a comment with a body in a panel, `'update'` for a\n     * compact one-line event (e.g. \"added a tag\"). Defaults to `'regular'`.\n     */\n    type?: EuiCommentTimelineSignature['Args']['type'];\n    /**\n     * Icon on the timeline, e.g. an `EuiAvatar` alternative. Defaults to a\n     * user icon (`'dot'` for updates). Use the `<:timelineIcon>` block for\n     * custom content such as `<EuiAvatar>`.\n     */\n    timelineIcon?: EuiCommentTimelineSignature['Args']['timelineIcon'];\n  };\n  Blocks: {\n    /** Custom timeline content, e.g. `<EuiAvatar @name=\"Jane\" />`. */\n    timelineIcon: [];\n    /** Who wrote it. */\n    username: [];\n    /** What happened, e.g. \"added a comment\" or \"closed the issue\". */\n    event: [];\n    /** When, e.g. \"on Jan 1st, 2024\"; wrapped in `<time>`. */\n    timestamp: [];\n    /** Actions on the right of the header, e.g. an `EuiButtonIcon`. */\n    actions: [];\n    /** The comment's content. */\n    body: [];\n  };\n}\n\nconst EuiComment: TemplateOnlyComponent<EuiCommentSignature> = <template>\n  <div\n    class={{classNames\n      \"euiComment\"\n      (if (eq @type \"update\") \"euiComment--update\")\n      (if (has-block \"body\") \"euiComment--hasBody\")\n    }}\n    ...attributes\n  >\n    {{#if (has-block \"timelineIcon\")}}\n      <EuiCommentTimeline @type={{@type}}>\n        <:timelineIcon>\n          {{yield to=\"timelineIcon\"}}\n        </:timelineIcon>\n      </EuiCommentTimeline>\n    {{else}}\n      <EuiCommentTimeline @type={{@type}} @timelineIcon={{@timelineIcon}} />\n    {{/if}}\n    {{! Basically the same, just to avoid using dynamic tag we use figure and figcaption instead of divs when it doesn't have body}}\n    {{#if (and (eq @type \"update\") (not (has-block \"body\")))}}\n      <figure\n        class={{classNames\n          componentName=\"EuiCommentEvent\"\n          type=(argOrDefault @type \"regular\")\n        }}\n      >\n        <figcaption class=\"euiCommentEvent__header\">\n          <div class=\"euiCommentEvent__headerData\">\n            <div class=\"euiCommentEvent__headerUsername\">\n              {{yield to=\"username\"}}\n            </div>\n            <div class=\"euiCommentEvent__headerEvent\">\n              {{yield to=\"event\"}}\n            </div>\n            {{#if (has-block \"timestamp\")}}\n              <div class=\"euiCommentEvent__headerTimestamp\">\n                <time>\n                  {{yield to=\"timestamp\"}}\n                </time>\n              </div>\n            {{/if}}\n          </div>\n          <div class=\"euiCommentEvent__headerActions\">\n            {{yield to=\"actions\"}}\n          </div>\n        </figcaption>\n        <div class=\"euiCommentEvent__body\">\n          {{yield to=\"body\"}}\n        </div>\n      </figure>\n    {{else}}\n      <div\n        class={{classNames\n          componentName=\"EuiCommentEvent\"\n          type=(argOrDefault @type \"regular\")\n        }}\n      >\n        <div class=\"euiCommentEvent__header\">\n          <div class=\"euiCommentEvent__headerData\">\n            <div class=\"euiCommentEvent__headerUsername\">\n              {{yield to=\"username\"}}\n            </div>\n            <div class=\"euiCommentEvent__headerEvent\">\n              {{yield to=\"event\"}}\n            </div>\n            {{#if (has-block \"timestamp\")}}\n              <div class=\"euiCommentEvent__headerTimestamp\">\n                <time>\n                  {{yield to=\"timestamp\"}}\n                </time>\n              </div>\n            {{/if}}\n          </div>\n          <div class=\"euiCommentEvent__headerActions\">\n            {{yield to=\"actions\"}}\n          </div>\n        </div>\n        <div class=\"euiCommentEvent__body\">\n          {{yield to=\"body\"}}\n        </div>\n      </div>\n    {{/if}}\n  </div>\n</template>;\n\nexport default EuiComment;\n"],"names":["EuiComment","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiCommentTimeline","and","not","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAwCA,MAAMA,UAAkC,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,k9EAAA,EAmF/D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,GAAA;IAAAC,GAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-confirm-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-confirm-modal.js","sources":["../../src/components/eui-confirm-modal.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport EuiButton from './eui-button.gts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiModal from './eui-modal.gts';\nimport EuiModalBody from './eui-modal-body.gts';\nimport EuiModalFooter from './eui-modal-footer.gts';\nimport EuiModalHeader from './eui-modal-header.gts';\nimport EuiModalHeaderTitle from './eui-modal-header-title.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiModalSignature } from './eui-modal';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiConfirmModalSignature {\n  Element: EuiModalSignature['Element'];\n  Args: {\n    title?: string;\n    message?: string;\n    cancelButtonText?: string;\n    confirmButtonText?: string;\n    buttonColor?: string;\n    confirmButtonDisabled?: boolean;\n    isLoading?: boolean;\n    onCancel: () => void;\n    onConfirm: () => void;\n  };\n  Blocks: {\n    title: [];\n    default: [];\n  };\n}\n\nconst EuiConfirmModal: TemplateOnlyComponent<EuiConfirmModalSignature> =\n  <template>\n    <EuiModal\n      class=\"euiModal--confirmation\"\n      @onClose={{@onCancel}}\n      ...attributes\n    >\n\n      {{#if (or @title (has-block \"title\"))}}\n        <EuiModalHeader>\n          <EuiModalHeaderTitle>\n            {{@title}}\n            {{yield to=\"title\"}}\n          </EuiModalHeaderTitle>\n        </EuiModalHeader>\n      {{/if}}\n\n      {{#if (or @message (has-block))}}\n        <EuiModalBody>\n          <EuiText>\n            {{@message}}\n            {{yield}}\n          </EuiText>\n        </EuiModalBody>\n      {{/if}}\n\n      <EuiModalFooter>\n        <EuiButtonEmpty {{on \"click\" @onCancel}}>\n          {{@cancelButtonText}}\n        </EuiButtonEmpty>\n        <EuiButton\n          @fill={{true}}\n          @color={{@buttonColor}}\n          @isDisabled={{@confirmButtonDisabled}}\n          @isLoading={{@isLoading}}\n          {{on \"click\" @onConfirm}}\n        >\n          {{@confirmButtonText}}\n        </EuiButton>\n      </EuiModalFooter>\n\n    </EuiModal>\n  </template>;\n\nexport default EuiConfirmModal;\n"],"names":["EuiConfirmModal","setComponentTemplate","precompileTemplate","strictMode","scope","EuiModal","or","EuiModalHeader","EuiModalHeaderTitle","EuiModalBody","EuiText","EuiModalFooter","EuiButtonEmpty","on","EuiButton","templateOnly"],"mappings":";;;;;;;;;;;;;;AAmCA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAyCA,mzBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,cAAA;IAAAC,mBAAA;IAAAC,YAAA;aAAAC,gBAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-confirm-modal.js","sources":["../../src/components/eui-confirm-modal.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport EuiButton from './eui-button.gts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiModal from './eui-modal.gts';\nimport EuiModalBody from './eui-modal-body.gts';\nimport EuiModalFooter from './eui-modal-footer.gts';\nimport EuiModalHeader from './eui-modal-header.gts';\nimport EuiModalHeaderTitle from './eui-modal-header-title.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiModalSignature } from './eui-modal';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiConfirmModalSignature {\n  Element: EuiModalSignature['Element'];\n  Args: {\n    /** Title of the modal. Use the `<:title>` block for markup. */\n    title?: string;\n    /** The question or explanation, e.g. \"This can't be undone.\". */\n    message?: string;\n    /** Text of the cancel button. Required: there is no default text. */\n    cancelButtonText?: string;\n    /** Text of the confirm button, ideally the action (\"Delete report\"). Required. */\n    confirmButtonText?: string;\n    /**\n     * Color of the confirm button, any `EuiButton` color; `'danger'` for\n     * destructive actions. Defaults to `'primary'`.\n     */\n    buttonColor?: string;\n    /** Disables the confirm button, e.g. until a checkbox is checked. */\n    confirmButtonDisabled?: boolean;\n    /** Shows a spinner in the confirm button while the action runs. */\n    isLoading?: boolean;\n    /** Called by the cancel and close buttons and Escape. Close the modal here. */\n    onCancel: () => void;\n    /** Called by the confirm button. */\n    onConfirm: () => void;\n  };\n  Blocks: {\n    /** The title, after `@title`. */\n    title: [];\n    /** The body, after `@message` (e.g. a checkbox or details). */\n    default: [];\n  };\n}\n\nconst EuiConfirmModal: TemplateOnlyComponent<EuiConfirmModalSignature> =\n  <template>\n    <EuiModal\n      class=\"euiModal--confirmation\"\n      @onClose={{@onCancel}}\n      ...attributes\n    >\n\n      {{#if (or @title (has-block \"title\"))}}\n        <EuiModalHeader>\n          <EuiModalHeaderTitle>\n            {{@title}}\n            {{yield to=\"title\"}}\n          </EuiModalHeaderTitle>\n        </EuiModalHeader>\n      {{/if}}\n\n      {{#if (or @message (has-block))}}\n        <EuiModalBody>\n          <EuiText>\n            {{@message}}\n            {{yield}}\n          </EuiText>\n        </EuiModalBody>\n      {{/if}}\n\n      <EuiModalFooter>\n        <EuiButtonEmpty {{on \"click\" @onCancel}}>\n          {{@cancelButtonText}}\n        </EuiButtonEmpty>\n        <EuiButton\n          @fill={{true}}\n          @color={{@buttonColor}}\n          @isDisabled={{@confirmButtonDisabled}}\n          @isLoading={{@isLoading}}\n          {{on \"click\" @onConfirm}}\n        >\n          {{@confirmButtonText}}\n        </EuiButton>\n      </EuiModalFooter>\n\n    </EuiModal>\n  </template>;\n\nexport default EuiConfirmModal;\n"],"names":["EuiConfirmModal","setComponentTemplate","precompileTemplate","strictMode","scope","EuiModal","or","EuiModalHeader","EuiModalHeaderTitle","EuiModalBody","EuiText","EuiModalFooter","EuiButtonEmpty","on","EuiButton","templateOnly"],"mappings":";;;;;;;;;;;;;;AAiDA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,mzBAAA,EAyCA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,cAAA;IAAAC,mBAAA;IAAAC,YAAA;aAAAC,gBAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-context-menu-item.js

@@ -30,14 +30,14 @@ class EuiContextMenuItemComponent extends Component {
     this.link = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("{{#let (classNames \"euiContextMenuItem\" componentName=\"EuiContextMenuItem\" disabled=@disabled layoutAlign=(argOrDefault @layoutAlign \"center\") size=@size) as |classes|}}\n  {{#if (and @href (not @disabled))}}\n    <a class={{classes}} href={{@href}} target={{@target}} {{didInsert this.registerLink}} ...attributes />\n\n  {{else}}\n    <button class={{classes}} disabled={{@disabled}} type=\"button\" {{didInsert this.registerLink}} ...attributes />\n  {{/if}}\n{{/let}}\n\n{{!-- shared code that will be rendered inside the button or anchor --}}\n{{#if this.link}}\n  {{#in-element this.link}}\n    <span class={{classNames \"euiContextMenu__itemLayout\" componentName=\"EuiContextMenuItem\" layoutAlign=(argOrDefault @layoutAlign \"center\")}}>\n      {{#if @isLoading}}\n        {{!-- spinner is not part of eui spec --}}\n        <EuiLoadingSpinner class=\"euiContextMenu__icon\" />\n      {{else}}\n        <EuiIcon @iconClasses={{concat \"euiContextMenu__icon \" @iconClasses}} @type={{@icon}} @size=\"m\" @color=\"inherit\" />\n      {{/if}}\n      <span class=\"euiContextMenuItem__text\">\n        {{yield}}\n      </span>\n      {{#if @hasPanel}}\n        <EuiIcon @type=\"arrowRight\" @size=\"m\" class=\"euiContextMenu__arrow\" />\n      {{/if}}\n    </span>\n  {{/in-element}}\n{{/if}}", {
+    setComponentTemplate(precompileTemplate("{{#let (classNames \"euiContextMenuItem\" componentName=\"EuiContextMenuItem\" disabled=@disabled size=@size) as |classes|}}\n  {{#if (and @href (not @disabled))}}\n    <a class={{classes}} href={{@href}} target={{@target}} {{didInsert this.registerLink}} ...attributes />\n\n  {{else}}\n    <button class={{classes}} disabled={{@disabled}} type=\"button\" {{didInsert this.registerLink}} ...attributes />\n  {{/if}}\n{{/let}}\n\n{{!-- shared code that will be rendered inside the button or anchor --}}\n{{#if this.link}}\n  {{#in-element this.link}}\n    <span class={{classNames \"euiContextMenu__itemLayout\" componentName=\"EuiContextMenuItem\" layoutAlign=(argOrDefault @layoutAlign \"center\")}}>\n      {{#if @isLoading}}\n        {{!-- spinner is not part of eui spec --}}\n        <EuiLoadingSpinner class=\"euiContextMenu__icon\" />\n      {{else if @icon}}\n        <EuiIcon @iconClasses={{concat \"euiContextMenu__icon \" @iconClasses}} @type={{@icon}} @size=\"m\" @color=\"inherit\" />\n      {{/if}}\n      <span class=\"euiContextMenuItem__text\">\n        {{yield}}\n      </span>\n      {{#if @hasPanel}}\n        <EuiIcon @type=\"arrowRight\" @size=\"m\" class=\"euiContextMenu__arrow\" />\n      {{/if}}\n    </span>\n  {{/in-element}}\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         classNames,
-        argOrDefault,
         and,
         not,
         didInsert,
+        argOrDefault,
         EuiLoadingSpinner,
         EuiIcon,
         concat

package/dist/components/eui-context-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-context-menu-item.js","sources":["../../src/components/eui-context-menu-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { layoutAlignMapping, sizeMapping } from '../utils/css-mappings/eui-context-menu-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\n\nexport interface EuiContextMenuItemSignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    layoutAlign?: keyof typeof layoutAlignMapping;\n    disabled?: boolean;\n    size?: keyof typeof sizeMapping;\n    href?: string;\n    target?: string;\n    isLoading?: boolean;\n    icon: EuiIconSignature['Args']['type'];\n    iconClasses?: string;\n    hasPanel?: boolean;\n  };\n\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiContextMenuItemComponent extends Component<EuiContextMenuItemSignature> {\n  @tracked link: HTMLAnchorElement | HTMLButtonElement | null = null;\n\n  @action\n  registerLink(e: HTMLAnchorElement | HTMLButtonElement) {\n    this.link = e;\n  }\n\n  willDestroy() {\n    super.willDestroy();\n    \n    this.link = null;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        \"euiContextMenuItem\"\n        componentName=\"EuiContextMenuItem\"\n        disabled=@disabled\n        layoutAlign=(argOrDefault @layoutAlign \"center\")\n        size=@size\n      )\n      as |classes|\n    }}\n      {{#if (and @href (not @disabled))}}\n        <a\n          class={{classes}}\n          href={{@href}}\n          target={{@target}}\n          {{didInsert this.registerLink}}\n          ...attributes\n        />\n\n      {{else}}\n        <button\n          class={{classes}}\n          disabled={{@disabled}}\n          type=\"button\"\n          {{didInsert this.registerLink}}\n          ...attributes\n        />\n      {{/if}}\n    {{/let}}\n\n    {{! shared code that will be rendered inside the button or anchor }}\n    {{#if this.link}}\n      {{#in-element this.link}}\n        <span\n          class={{classNames\n            \"euiContextMenu__itemLayout\"\n            componentName=\"EuiContextMenuItem\"\n            layoutAlign=(argOrDefault @layoutAlign \"center\")\n          }}\n        >\n          {{#if @isLoading}}\n            {{! spinner is not part of eui spec }}\n            <EuiLoadingSpinner class=\"euiContextMenu__icon\" />\n          {{else}}\n            <EuiIcon\n              @iconClasses={{concat \"euiContextMenu__icon \" @iconClasses}}\n              @type={{@icon}}\n              @size=\"m\"\n              @color=\"inherit\"\n            />\n          {{/if}}\n          <span class=\"euiContextMenuItem__text\">\n            {{yield}}\n          </span>\n          {{#if @hasPanel}}\n            <EuiIcon\n              @type=\"arrowRight\"\n              @size=\"m\"\n              class=\"euiContextMenu__arrow\"\n            />\n          {{/if}}\n        </span>\n      {{/in-element}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiContextMenuItemComponent","Component","g","prototype","tracked","i","registerLink","e","link","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","and","not","didInsert","EuiLoadingSpinner","EuiIcon","concat"],"mappings":";;;;;;;;;;;;;;AAmCe,MAAMA,oCAAoCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAChEC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6D,IAAK;AAAA,KAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAGnEC,YAAaA,CAAAC,CAAwC,EAAE;IACrD,IAAI,CAACC,IAAI,GAAGD,CAAA;AACd;AAAA,EAAA;IAAAE,CAAA,CAAA,IAAA,CAAAN,SAAA,EAAA,cAAA,EAAA,CAHCO,MAAA,CAAA,CAAA;AAAA;AAKDC,EAAAA,WAAcA,GAAA;IACZ,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACH,IAAI,GAAG,IAAA;AACd;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAiEA,2xCAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,SAAA;QAAAC,iBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-context-menu-item.js","sources":["../../src/components/eui-context-menu-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { layoutAlignMapping, sizeMapping } from '../utils/css-mappings/eui-context-menu-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\n\n/**\n * An action in a menu, usually inside an `EuiContextMenuPanel` in an\n * `EuiPopover`. Add `{{on \"click\" …}}` for the action.\n */\nexport interface EuiContextMenuItemSignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    /**\n     * Vertical alignment of the icon and text: `'center'`, `'top'` or\n     * `'bottom'`. Defaults to `'center'`.\n     */\n    layoutAlign?: keyof typeof layoutAlignMapping;\n    /** Disables the item. */\n    disabled?: boolean;\n    /** `'s'` or `'m'`. Defaults to `'m'`. */\n    size?: keyof typeof sizeMapping;\n    /** Renders the item as a link. */\n    href?: string;\n    /** `target` of the `@href` link, e.g. `'_blank'`. */\n    target?: string;\n    /** Shows a spinner instead of the icon. */\n    isLoading?: boolean;\n    /**\n     * Icon before the text; anything `EuiIcon`'s `@type` accepts. Pass\n     * `'empty'` to align items without an icon with the others.\n     */\n    icon?: EuiIconSignature['Args']['type'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Shows an arrow on the right, for items opening another panel. */\n    hasPanel?: boolean;\n  };\n\n  Blocks: {\n    /** The item's text. */\n    default: [];\n  };\n}\n\nexport default class EuiContextMenuItemComponent extends Component<EuiContextMenuItemSignature> {\n  @tracked link: HTMLAnchorElement | HTMLButtonElement | null = null;\n\n  @action\n  registerLink(e: HTMLAnchorElement | HTMLButtonElement) {\n    this.link = e;\n  }\n\n  willDestroy() {\n    super.willDestroy();\n    \n    this.link = null;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        \"euiContextMenuItem\"\n        componentName=\"EuiContextMenuItem\"\n        disabled=@disabled\n        size=@size\n      )\n      as |classes|\n    }}\n      {{#if (and @href (not @disabled))}}\n        <a\n          class={{classes}}\n          href={{@href}}\n          target={{@target}}\n          {{didInsert this.registerLink}}\n          ...attributes\n        />\n\n      {{else}}\n        <button\n          class={{classes}}\n          disabled={{@disabled}}\n          type=\"button\"\n          {{didInsert this.registerLink}}\n          ...attributes\n        />\n      {{/if}}\n    {{/let}}\n\n    {{! shared code that will be rendered inside the button or anchor }}\n    {{#if this.link}}\n      {{#in-element this.link}}\n        <span\n          class={{classNames\n            \"euiContextMenu__itemLayout\"\n            componentName=\"EuiContextMenuItem\"\n            layoutAlign=(argOrDefault @layoutAlign \"center\")\n          }}\n        >\n          {{#if @isLoading}}\n            {{! spinner is not part of eui spec }}\n            <EuiLoadingSpinner class=\"euiContextMenu__icon\" />\n          {{else if @icon}}\n            <EuiIcon\n              @iconClasses={{concat \"euiContextMenu__icon \" @iconClasses}}\n              @type={{@icon}}\n              @size=\"m\"\n              @color=\"inherit\"\n            />\n          {{/if}}\n          <span class=\"euiContextMenuItem__text\">\n            {{yield}}\n          </span>\n          {{#if @hasPanel}}\n            <EuiIcon\n              @type=\"arrowRight\"\n              @size=\"m\"\n              class=\"euiContextMenu__arrow\"\n            />\n          {{/if}}\n        </span>\n      {{/in-element}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiContextMenuItemComponent","Component","g","prototype","tracked","i","registerLink","e","link","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","not","didInsert","argOrDefault","EuiLoadingSpinner","EuiIcon","concat"],"mappings":";;;;;;;;;;;;;;AAuDe,MAAMA,oCAAoCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAChEC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6D,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAG9DC,YAAAA,CAAaC,CAAwC,EAAE;IACrD,IAAI,CAACC,IAAI,GAAGD,CAAA;AACd,EAAA;AAAA,EAAA;IAAAE,CAAA,CAAA,IAAA,CAAAN,SAAA,EAAA,cAAA,EAAA,CAHCO,MAAA,CAAA,CAAA;AAAA;AAKDC,EAAAA,WAAAA,GAAc;IACZ,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACH,IAAI,GAAG,IAAA;AACd,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,ivCAAA,EAgEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,SAAA;QAAAC,YAAA;QAAAC,iBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-context-menu-panel.js

@@ -1,10 +1,194 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { schedule } from '@ember/runloop';
+import { modifier } from 'ember-modifier';
+import { tabbable } from 'tabbable';
+import ResizeObserver from '../modifiers/resize-observer.js';
+import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
-const EuiContextMenuPanel = setComponentTemplate(precompileTemplate("{{!-- ToDo not yet implemented, only created to avoid creating divs with euiContextMenuPanel class --}}\n\n<div class=\"euiContextMenuPanel\" tabindex=\"-1\" ...attributes>\n  {{yield}}\n</div>", {
-  strictMode: true
-}), templateOnly());
+const TRANSITIONS = {
+  next: {
+    in: 'euiContextMenuPanel-txInLeft',
+    out: 'euiContextMenuPanel-txOutLeft'
+  },
+  previous: {
+    in: 'euiContextMenuPanel-txInRight',
+    out: 'euiContextMenuPanel-txOutRight'
+  }
+};
+/**
+ * A list of `EuiContextMenuItem`s, usually as a popover's content, with
+ * an optional title. Arrow keys move between the items. For menus with
+ * several panels (items opening sub-menus), use `EuiContextMenu`, which
+ * renders these panels for you.
+ */
+
+class EuiContextMenuPanel extends Component {
+  static {
+    g(this.prototype, "focusedItemIndex", [tracked]);
+  }
+  #focusedItemIndex = (i(this, "focusedItemIndex"), void 0);
+  constructor(owner, args) {
+    super(owner, args);
+    // only the starting point: moving with the keyboard changes it
+    this.focusedItemIndex = args.initialFocusedItemIndex;
+  }
+  panel;
+  content;
+  backButton;
+  get classes() {
+    const {
+      transitionType,
+      transitionDirection
+    } = this.args;
+    const transition = transitionType && transitionDirection ? TRANSITIONS[transitionDirection][transitionType] : undefined;
+    return ['euiContextMenuPanel', transition].filter(Boolean).join(' ');
+  }
+  get titleClasses() {
+    return this.args.size === 's' ? 'euiContextMenuPanelTitle euiContextMenuPanelTitle--small' : 'euiContextMenuPanelTitle';
+  }
+  /** The panel's own menu items (not those of a nested panel). */
+  get menuItems() {
+    if (!this.content) return [];
+    return Array.from(this.content.querySelectorAll('.euiContextMenuItem')).filter(item => item.closest('.euiContextMenuPanel') === this.panel);
+  }
+  focusItem(index) {
+    this.focusedItemIndex = index;
+    this.menuItems[index]?.focus();
+  }
+  moveFocus(amount) {
+    const items = this.menuItems;
+    const count = items.length;
+    // start from the focused item (e.g. focused by the popover on open)
+    const focused = items.indexOf(document.activeElement);
+    const current = focused !== -1 ? focused : this.focusedItemIndex;
+    // starting to use the keyboard: the first or the last item
+    const next = current === undefined || current < 0 ? amount < 0 ? count - 1 : 0 : (current + amount + count) % count;
+    this.focusItem(next);
+  }
+  onKeyDown(event) {
+    const items = this.menuItems;
+    const active = document.activeElement;
+    // with items, arrow left always goes back; otherwise only from the
+    // title or the panel, as the content (e.g. a text field) may need it
+    if (items.length || active === this.backButton || active === this.panel) {
+      if (event.key === 'ArrowLeft' && this.args.showPreviousPanel) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.args.showPreviousPanel();
+        this.args.onUseKeyboardToNavigate?.();
+        return;
+      }
+    }
+    if (!items.length) return;
+    switch (event.key) {
+      case 'Tab':
+        {
+          const index = items.indexOf(active);
+          this.focusedItemIndex = index >= 0 ? index : undefined;
+          break;
+        }
+      case 'ArrowUp':
+        event.preventDefault();
+        this.moveFocus(-1);
+        this.args.onUseKeyboardToNavigate?.();
+        break;
+      case 'ArrowDown':
+        event.preventDefault();
+        this.moveFocus(1);
+        this.args.onUseKeyboardToNavigate?.();
+        break;
+      case 'ArrowRight':
+        if (this.args.showNextPanel) {
+          event.preventDefault();
+          this.args.showNextPanel(this.focusedItemIndex);
+          this.args.onUseKeyboardToNavigate?.();
+        }
+        break;
+    }
+  }
+  static {
+    n(this.prototype, "onKeyDown", [action]);
+  }
+  onAnimationEnd(event) {
+    if (event.target === this.panel) this.args.onTransitionComplete?.();
+  }
+  static {
+    n(this.prototype, "onAnimationEnd", [action]);
+  }
+  onResize({
+    height
+  }) {
+    this.reportHeight(height);
+  }
+  // the menu sizes itself from this, so report it after rendering
+  static {
+    n(this.prototype, "onResize", [action]);
+  }
+  reportHeight(height) {
+    schedule('afterRender', () => this.args.onHeightChange?.(height));
+  }
+  /** Registers the elements, and handles focus and transitions once rendered. */
+  setup = modifier((panel, [hasFocus, transitionType]) => {
+    this.panel = panel;
+    this.reportHeight(panel.clientHeight);
+    schedule('afterRender', () => {
+      if (!panel.isConnected) return;
+      // without an animation (e.g. no CSS), the transition ends at once
+      if (transitionType && getComputedStyle(panel).animationName === 'none') {
+        this.args.onTransitionComplete?.();
+      }
+      if (!hasFocus) {
+        if (panel.contains(document.activeElement)) {
+          document.activeElement.blur();
+        }
+        return;
+      }
+      // focusing while sliding makes the animation glitch
+      if (transitionType) return;
+      this.updateFocus(panel);
+    });
+  });
+  updateFocus(panel) {
+    const items = this.menuItems;
+    if (this.focusedItemIndex === -1) {
+      panel.focus();
+      return;
+    }
+    if (!items.length) {
+      if (panel.contains(document.activeElement)) return;
+      const [first] = this.content ? tabbable(this.content) : [];
+      if (first) first.focus();else panel.focus();
+      return;
+    }
+    if (this.focusedItemIndex !== undefined && items[this.focusedItemIndex]) {
+      items[this.focusedItemIndex].focus();
+      return;
+    }
+    if (!panel.contains(document.activeElement)) panel.focus();
+  }
+  registerContent = modifier(element => {
+    this.content = element;
+  });
+  registerBackButton = modifier(element => {
+    this.backButton = element;
+  });
+  static {
+    setComponentTemplate(precompileTemplate("<div class={{this.classes}} tabindex=\"-1\" {{this.setup @hasFocus @transitionType}} {{on \"keydown\" this.onKeyDown}} {{on \"animationend\" this.onAnimationEnd}} ...attributes>\n  {{#if @title}}\n    {{#if @onClose}}\n      <button class={{this.titleClasses}} type=\"button\" data-test-subj=\"contextMenuPanelTitleButton\" {{on \"click\" @onClose}} {{this.registerBackButton}}>\n        <span class=\"euiContextMenu__itemLayout\">\n          <EuiIcon @type=\"arrowLeft\" @size=\"m\" class=\"euiContextMenu__icon\" />\n          <span class=\"euiContextMenu__text\">{{@title}}</span>\n        </span>\n      </button>\n    {{else}}\n      <div class={{this.titleClasses}}>\n        <span class=\"euiContextMenu__itemLayout\">{{@title}}</span>\n      </div>\n    {{/if}}\n  {{/if}}\n  <div {{this.registerContent}}>\n    <div {{resizeObserver onResize=this.onResize}}>\n      {{yield}}\n    </div>\n  </div>\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        EuiIcon,
+        resizeObserver: ResizeObserver
+      })
+    }), this);
+  }
+}
 
 export { EuiContextMenuPanel as default };
 //# sourceMappingURL=eui-context-menu-panel.js.map

package/dist/components/eui-context-menu-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-context-menu-panel.js","sources":["../../src/components/eui-context-menu-panel.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiContextMenuPanelSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiContextMenuPanel: TemplateOnlyComponent<EuiContextMenuPanelSignature> =\n  <template>\n    {{! ToDo not yet implemented, only created to avoid creating divs with euiContextMenuPanel class }}\n\n    <div class=\"euiContextMenuPanel\" tabindex=\"-1\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiContextMenuPanel;\n"],"names":["EuiContextMenuPanel","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,mBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAMA,mMAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-context-menu-panel.js","sources":["../../src/components/eui-context-menu-panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\n\nimport { modifier } from 'ember-modifier';\nimport { tabbable } from 'tabbable';\n\nimport type Owner from '@ember/owner';\n\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport EuiIcon from './eui-icon.gts';\n\ntype TransitionType = 'in' | 'out';\ntype TransitionDirection = 'next' | 'previous';\n\nconst TRANSITIONS: Record<TransitionDirection, Record<TransitionType, string>> = {\n  next: { in: 'euiContextMenuPanel-txInLeft', out: 'euiContextMenuPanel-txOutLeft' },\n  previous: { in: 'euiContextMenuPanel-txInRight', out: 'euiContextMenuPanel-txOutRight' }\n};\n\n/**\n * A list of `EuiContextMenuItem`s, usually as a popover's content, with\n * an optional title. Arrow keys move between the items. For menus with\n * several panels (items opening sub-menus), use `EuiContextMenu`, which\n * renders these panels for you.\n */\nexport interface EuiContextMenuPanelSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Title above the items. */\n    title?: string;\n    /**\n     * Makes the title a \"back\" button calling this function, e.g. to\n     * return to the previous panel.\n     */\n    onClose?: () => void;\n    /** `'s'` for a smaller title. Defaults to `'m'`. */\n    size?: 's' | 'm';\n    /**\n     * Moves focus into the panel once rendered: to the item at\n     * `@initialFocusedItemIndex`, else to its first focusable element when\n     * it has no items, else to the panel itself.\n     */\n    hasFocus?: boolean;\n    /** Index of the item to focus with `@hasFocus`; `-1` focuses the panel. */\n    initialFocusedItemIndex?: number;\n    /** @private Slide animation, set by `EuiContextMenu`. */\n    transitionType?: TransitionType;\n    /** @private Slide direction, set by `EuiContextMenu`. */\n    transitionDirection?: TransitionDirection;\n    /** @private Called when the slide animation ends. */\n    onTransitionComplete?: () => void;\n    /** @private Called with the panel's height when it changes. */\n    onHeightChange?: (height: number) => void;\n    /** @private Arrow right on an item: opens its panel. */\n    showNextPanel?: (itemIndex?: number) => void;\n    /** @private Arrow left: back to the previous panel. */\n    showPreviousPanel?: () => void;\n    /** @private Called once the keyboard is used to move around. */\n    onUseKeyboardToNavigate?: () => void;\n  };\n  Blocks: {\n    /** The `EuiContextMenuItem`s (and e.g. `EuiHorizontalRule`s), or any content. */\n    default: [];\n  };\n}\n\nexport default class EuiContextMenuPanel extends Component<EuiContextMenuPanelSignature> {\n  @tracked focusedItemIndex?: number;\n\n  constructor(owner: Owner, args: EuiContextMenuPanelSignature['Args']) {\n    super(owner, args);\n    // only the starting point: moving with the keyboard changes it\n    this.focusedItemIndex = args.initialFocusedItemIndex;\n  }\n\n  panel?: HTMLElement;\n  content?: HTMLElement;\n  backButton?: HTMLElement;\n\n  get classes(): string {\n    const { transitionType, transitionDirection } = this.args;\n    const transition =\n      transitionType && transitionDirection\n        ? TRANSITIONS[transitionDirection][transitionType]\n        : undefined;\n\n    return ['euiContextMenuPanel', transition].filter(Boolean).join(' ');\n  }\n\n  get titleClasses(): string {\n    return this.args.size === 's'\n      ? 'euiContextMenuPanelTitle euiContextMenuPanelTitle--small'\n      : 'euiContextMenuPanelTitle';\n  }\n\n  /** The panel's own menu items (not those of a nested panel). */\n  get menuItems(): HTMLElement[] {\n    if (!this.content) return [];\n\n    return Array.from(\n      this.content.querySelectorAll<HTMLElement>('.euiContextMenuItem')\n    ).filter((item) => item.closest('.euiContextMenuPanel') === this.panel);\n  }\n\n  focusItem(index: number): void {\n    this.focusedItemIndex = index;\n    this.menuItems[index]?.focus();\n  }\n\n  moveFocus(amount: number): void {\n    const items = this.menuItems;\n    const count = items.length;\n    // start from the focused item (e.g. focused by the popover on open)\n    const focused = items.indexOf(document.activeElement as HTMLElement);\n    const current = focused !== -1 ? focused : this.focusedItemIndex;\n\n    // starting to use the keyboard: the first or the last item\n    const next =\n      current === undefined || current < 0\n        ? amount < 0\n          ? count - 1\n          : 0\n        : (current + amount + count) % count;\n\n    this.focusItem(next);\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    const items = this.menuItems;\n    const active = document.activeElement;\n\n    // with items, arrow left always goes back; otherwise only from the\n    // title or the panel, as the content (e.g. a text field) may need it\n    if (items.length || active === this.backButton || active === this.panel) {\n      if (event.key === 'ArrowLeft' && this.args.showPreviousPanel) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.args.showPreviousPanel();\n        this.args.onUseKeyboardToNavigate?.();\n\n        return;\n      }\n    }\n\n    if (!items.length) return;\n\n    switch (event.key) {\n      case 'Tab': {\n        const index = items.indexOf(active as HTMLElement);\n\n        this.focusedItemIndex = index >= 0 ? index : undefined;\n        break;\n      }\n      case 'ArrowUp':\n        event.preventDefault();\n        this.moveFocus(-1);\n        this.args.onUseKeyboardToNavigate?.();\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        this.moveFocus(1);\n        this.args.onUseKeyboardToNavigate?.();\n        break;\n      case 'ArrowRight':\n        if (this.args.showNextPanel) {\n          event.preventDefault();\n          this.args.showNextPanel(this.focusedItemIndex);\n          this.args.onUseKeyboardToNavigate?.();\n        }\n        break;\n    }\n  }\n\n  @action\n  onAnimationEnd(event: AnimationEvent): void {\n    if (event.target === this.panel) this.args.onTransitionComplete?.();\n  }\n\n  @action\n  onResize({ height }: { height: number }): void {\n    this.reportHeight(height);\n  }\n\n  // the menu sizes itself from this, so report it after rendering\n  reportHeight(height: number): void {\n    schedule('afterRender', () => this.args.onHeightChange?.(height));\n  }\n\n  /** Registers the elements, and handles focus and transitions once rendered. */\n  setup = modifier(\n    (\n      panel: HTMLElement,\n      [hasFocus, transitionType]: [boolean | undefined, TransitionType | undefined]\n    ) => {\n      this.panel = panel;\n      this.reportHeight(panel.clientHeight);\n\n      schedule('afterRender', () => {\n        if (!panel.isConnected) return;\n\n        // without an animation (e.g. no CSS), the transition ends at once\n        if (transitionType && getComputedStyle(panel).animationName === 'none') {\n          this.args.onTransitionComplete?.();\n        }\n\n        if (!hasFocus) {\n          if (panel.contains(document.activeElement)) {\n            (document.activeElement as HTMLElement).blur();\n          }\n\n          return;\n        }\n\n        // focusing while sliding makes the animation glitch\n        if (transitionType) return;\n\n        this.updateFocus(panel);\n      });\n    }\n  );\n\n  updateFocus(panel: HTMLElement): void {\n    const items = this.menuItems;\n\n    if (this.focusedItemIndex === -1) {\n      panel.focus();\n\n      return;\n    }\n\n    if (!items.length) {\n      if (panel.contains(document.activeElement)) return;\n\n      const [first] = this.content ? tabbable(this.content) : [];\n\n      if (first) first.focus();\n      else panel.focus();\n\n      return;\n    }\n\n    if (this.focusedItemIndex !== undefined && items[this.focusedItemIndex]) {\n      items[this.focusedItemIndex]!.focus();\n\n      return;\n    }\n\n    if (!panel.contains(document.activeElement)) panel.focus();\n  }\n\n  registerContent = modifier((element: HTMLElement) => {\n    this.content = element;\n  });\n\n  registerBackButton = modifier((element: HTMLElement) => {\n    this.backButton = element;\n  });\n\n  <template>\n    <div\n      class={{this.classes}}\n      tabindex=\"-1\"\n      {{this.setup @hasFocus @transitionType}}\n      {{on \"keydown\" this.onKeyDown}}\n      {{on \"animationend\" this.onAnimationEnd}}\n      ...attributes\n    >\n      {{#if @title}}\n        {{#if @onClose}}\n          <button\n            class={{this.titleClasses}}\n            type=\"button\"\n            data-test-subj=\"contextMenuPanelTitleButton\"\n            {{on \"click\" @onClose}}\n            {{this.registerBackButton}}\n          >\n            <span class=\"euiContextMenu__itemLayout\">\n              <EuiIcon\n                @type=\"arrowLeft\"\n                @size=\"m\"\n                class=\"euiContextMenu__icon\"\n              />\n              <span class=\"euiContextMenu__text\">{{@title}}</span>\n            </span>\n          </button>\n        {{else}}\n          <div class={{this.titleClasses}}>\n            <span class=\"euiContextMenu__itemLayout\">{{@title}}</span>\n          </div>\n        {{/if}}\n      {{/if}}\n      <div {{this.registerContent}}>\n        <div {{resizeObserver onResize=this.onResize}}>\n          {{yield}}\n        </div>\n      </div>\n    </div>\n  </template>\n}\n"],"names":["TRANSITIONS","next","in","out","previous","EuiContextMenuPanel","Component","g","prototype","tracked","i","constructor","owner","args","focusedItemIndex","initialFocusedItemIndex","panel","content","backButton","classes","transitionType","transitionDirection","transition","undefined","filter","Boolean","join","titleClasses","size","menuItems","Array","from","querySelectorAll","item","closest","focusItem","index","focus","moveFocus","amount","items","count","length","focused","indexOf","document","activeElement","current","onKeyDown","event","active","key","showPreviousPanel","preventDefault","stopPropagation","onUseKeyboardToNavigate","showNextPanel","n","action","onAnimationEnd","target","onTransitionComplete","onResize","height","reportHeight","schedule","onHeightChange","setup","modifier","hasFocus","clientHeight","isConnected","getComputedStyle","animationName","contains","blur","updateFocus","first","tabbable","registerContent","element","registerBackButton","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","resizeObserver"],"mappings":"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"}