npm - @ember-eui/core - Versions diffs - 13.0.4 → 14.0.0 - Mend

@ember-eui/core 13.0.4 → 14.0.0

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

Files changed (1497) hide show

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +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 { inject as 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 PowerSelectMultiple from 'ember-power-select/components/power-select-multiple';\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 <PowerSelectMultiple\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 </PowerSelectMultiple>\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 let 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 let optionsList = document.querySelector(\n `[aria-controls=\"ember-power-select-trigger-${select.uniqueId}\"]`\n ) as HTMLElement;\n\n if (!optionsList) {\n return;\n }\n\n let index = this.opts.indexOf(option);\n\n if (index === -1) {\n return;\n }\n\n let optionElement = optionsList.querySelector(\n `[data-option-index=\"${index}\"]`\n ) as HTMLElement;\n\n if (!optionElement) {\n return;\n }\n\n let optionTopScroll = optionElement.offsetTop;\n let 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 return selected.length > 0 ? [selected[selected.length - 1]] : [];\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 let 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 let 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","void 0","tracked","_filterResultsCache","results","options","searchText","loadingMessage","args","euiI18n","lookupToken","noMatchesMessage","searchMessage","alwaysShowCreateOption","onCreateOption","setComponentTemplate","precompileTemplate","strictMode","scope","PowerSelectMultiple","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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"}
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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"}

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

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiCommentList = setComponentTemplate(precompileTemplate("\n    {{!--\n    Comment List is basically a wrapper for various comments\n  --}}\n    <div class=\"euiCommentList\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+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 CHANGED Viewed

	@@ -1 +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,~~sKAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
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;;;;"}

package/dist/components/eui-comment-timeline.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiCommentTimeline = setComponentTemplate(precompileTemplate("\n    <div class=\"euiCommentTimeline\" ...attributes>\n      <div class=\"euiCommentTimeline__content\">\n        <div class={{classNames (if (or @timelineIcon (not (has-block \"timelineIcon\"))) \"euiCommentTimeline__icon--default\") componentName=\"EuiCommentTimelineIcon\" type=(argOrDefault @type \"regular\")}}>\n          {{#if @timelineIcon}}\n            <EuiIcon @size={{if (eq @type \"update\") \"m\" \"l\"}} @type={{@timelineIcon}} />\n          {{else if (has-block \"timelineIcon\")}}\n            {{yield to=\"timelineIcon\"}}\n          {{else}}\n            <EuiIcon @type={{if (eq @type \"update\") \"dot\" \"user\"}} @size={{if (eq @type \"update\") \"m\" \"l\"}} />\n          {{/if}}\n        </div>\n      </div>\n    </div>\n  ", {
+const EuiCommentTimeline = setComponentTemplate(precompileTemplate("<div class=\"euiCommentTimeline\" ...attributes>\n  <div class=\"euiCommentTimeline__content\">\n    <div class={{classNames (if (or @timelineIcon (not (has-block \"timelineIcon\"))) \"euiCommentTimeline__icon--default\") componentName=\"EuiCommentTimelineIcon\" type=(argOrDefault @type \"regular\")}}>\n      {{#if @timelineIcon}}\n        <EuiIcon @size={{if (eq @type \"update\") \"m\" \"l\"}} @type={{@timelineIcon}} />\n      {{else if (has-block \"timelineIcon\")}}\n        {{yield to=\"timelineIcon\"}}\n      {{else}}\n        <EuiIcon @type={{if (eq @type \"update\") \"dot\" \"user\"}} @size={{if (eq @type \"update\") \"m\" \"l\"}} />\n      {{/if}}\n    </div>\n  </div>\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +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,~~gvBAAA~~,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;;;;"}
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;;;;"}

package/dist/components/eui-comment.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiComment = setComponentTemplate(precompileTemplate("\n  <div class={{classNames \"euiComment\" (if (eq @type \"update\") \"euiComment--update\") (if (has-block \"body\") \"euiComment--hasBody\")}} ...attributes>\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 class={{classNames componentName=\"EuiCommentEvent\" type=(argOrDefault @type \"regular\")}}>\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 class={{classNames componentName=\"EuiCommentEvent\" type=(argOrDefault @type \"regular\")}}>\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", {
+const EuiComment = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiComment\" (if (eq @type \"update\") \"euiComment--update\") (if (has-block \"body\") \"euiComment--hasBody\")}} ...attributes>\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 class={{classNames componentName=\"EuiCommentEvent\" type=(argOrDefault @type \"regular\")}}>\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 class={{classNames componentName=\"EuiCommentEvent\" type=(argOrDefault @type \"regular\")}}>\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>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +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,~~wlFAAA~~,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;;;;"}
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;;;;"}

package/dist/components/eui-confirm-modal.js CHANGED Viewed

@@ -12,7 +12,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiConfirmModal = setComponentTemplate(precompileTemplate("\n    <EuiModal class=\"euiModal--confirmation\" @onClose={{@onCancel}} ...attributes>\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 @fill={{true}} @color={{@buttonColor}} @isDisabled={{@confirmButtonDisabled}} @isLoading={{@isLoading}} {{on \"click\" @onConfirm}}>\n          {{@confirmButtonText}}\n        </EuiButton>\n      </EuiModalFooter>\n\n    </EuiModal>\n  ", {
+const EuiConfirmModal = setComponentTemplate(precompileTemplate("<EuiModal class=\"euiModal--confirmation\" @onClose={{@onCancel}} ...attributes>\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 @fill={{true}} @color={{@buttonColor}} @isDisabled={{@confirmButtonDisabled}} @isLoading={{@isLoading}} {{on \"click\" @onConfirm}}>\n      {{@confirmButtonText}}\n    </EuiButton>\n  </EuiModalFooter>\n\n</EuiModal>", {
   strictMode: true,
   scope: () => ({
     EuiModal,

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

	@@ -1 +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,~~i6BAAA~~,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;;;;"}
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;;;;"}

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

@@ -10,7 +10,7 @@ import EuiIcon from './eui-icon.js';
 import EuiLoadingSpinner from './eui-loading-spinner.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 class EuiContextMenuItemComponent extends Component {
   static {
@@ -30,7 +30,7 @@ class EuiContextMenuItemComponent extends Component {
     this.link = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#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}}\n  ", {
+    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}}", {
       strictMode: true,
       scope: () => ({
         classNames,

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

	@@ -1 +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","~~void 0","~~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;~~AAAA,~~EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,~~EAAAC~~,MAAA;EAGnEC,YAAaA,CAAAC,CAAwC,EAAE;IACrD,IAAI,CAACC,IAAI,GAAGD,CAAA;AACd;AAAA,EAAA;IAAAE,CAAA,CAAA,IAAA,~~CAAAP~~,SAAA,EAAA,cAAA,EAAA,~~CAHCQ~~,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,~~y4CAAA~~,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;;;;"}
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;;;;"}

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

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiContextMenuPanel = setComponentTemplate(precompileTemplate("\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  ", {
+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());

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

	@@ -1 +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,~~yNAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
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;;;;"}