@ember-eui/core 13.0.5 → 14.1.0

package/dist/components/eui-markdown-format/markdown-checkbox.js

@@ -14,7 +14,7 @@ const handleChange = (node, replaceNode) => {
   } = node;
   replaceNode(position, `${lead}[${isChecked ? ' ' : 'x'}]${label}`);
 };
-const EuiMarkdownFormatMarkdownCheckboxComponent = setComponentTemplate(precompileTemplate("\n    <EuiCheckbox @checked={{@node.isChecked}} {{on \"change\" (fn handleChange @node @replaceNode)}} ...attributes>\n      <:label>\n        {{@node.content}}\n      </:label>\n    </EuiCheckbox>\n  ", {
+const EuiMarkdownFormatMarkdownCheckboxComponent = setComponentTemplate(precompileTemplate("<EuiCheckbox @checked={{@node.isChecked}} {{on \"change\" (fn handleChange @node @replaceNode)}} ...attributes>\n  <:label>\n    {{@node.content}}\n  </:label>\n</EuiCheckbox>", {
   strictMode: true,
   scope: () => ({
     EuiCheckbox,

package/dist/components/eui-markdown-format/markdown-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-checkbox.js","sources":["../../../src/components/eui-markdown-format/markdown-checkbox.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport EuiCheckbox from '../eui-checkbox.gts';\n\nimport type { EuiMarkdownAstNodePosition } from '../../utils/markdown/markdown-types';\nimport type { EuiCheckboxSignature } from '../eui-checkbox';\nimport type { Replacer } from '../eui-markdown-format';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownFormatMarkdownCheckboxArgs {\n  replaceNode: Replacer;\n  node: {\n    position: EuiMarkdownAstNodePosition;\n    lead: string;\n    isChecked: boolean;\n    label: string;\n    content: string;\n  };\n}\n\nexport interface EuiMarkdownFormatMarkdownCheckboxSignature {\n  Element: EuiCheckboxSignature['Element'];\n  Args: EuiMarkdownFormatMarkdownCheckboxArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst handleChange = (\n  node: EuiMarkdownFormatMarkdownCheckboxArgs['node'],\n  replaceNode: EuiMarkdownFormatMarkdownCheckboxArgs['replaceNode']\n) => {\n  const { position, lead, isChecked, label } = node;\n\n  replaceNode(position, `${lead}[${isChecked ? ' ' : 'x'}]${label}`);\n};\n\nconst EuiMarkdownFormatMarkdownCheckboxComponent: TemplateOnlyComponent<EuiMarkdownFormatMarkdownCheckboxSignature> =\n  <template>\n    <EuiCheckbox\n      @checked={{@node.isChecked}}\n      {{on \"change\" (fn handleChange @node @replaceNode)}}\n      ...attributes\n    >\n      <:label>\n        {{@node.content}}\n      </:label>\n    </EuiCheckbox>\n  </template>;\n\nexport default EuiMarkdownFormatMarkdownCheckboxComponent;\n"],"names":["handleChange","node","replaceNode","position","lead","isChecked","label","EuiMarkdownFormatMarkdownCheckboxComponent","setComponentTemplate","precompileTemplate","strictMode","scope","EuiCheckbox","on","fn","templateOnly"],"mappings":";;;;;;;AA6BA,MAAMA,eAAeA,CACnBC,IAA4C,EAC5CC,WAAmD,KAAA;EAEnD,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,SAAS;AAAEC,IAAAA;AAAK,GAAE,GAAGL,IAAA;AAE7CC,EAAAA,WAAA,CAAYC,QAAU,EAAA,CAAA,EAAGC,IAAA,CAAQC,CAAAA,EAAAA,SAAY,GAAA,GAAA,GAAM,GAAI,CAAGC,CAAAA,EAAAA,KAAA,EAAO,CAAA;AACnE,CAAA;AAEA,MAAMC,0CACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,2MAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,WAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAd,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAe,YAAA,EAAA;;;;"}
+{"version":3,"file":"markdown-checkbox.js","sources":["../../../src/components/eui-markdown-format/markdown-checkbox.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport EuiCheckbox from '../eui-checkbox.gts';\n\nimport type { EuiMarkdownAstNodePosition } from '../../utils/markdown/markdown-types';\nimport type { EuiCheckboxSignature } from '../eui-checkbox';\nimport type { Replacer } from '../eui-markdown-format';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Args of a task list checkbox rendered by EuiMarkdownFormat. */\nexport interface EuiMarkdownFormatMarkdownCheckboxArgs {\n  /** EuiMarkdownFormat's `@replaceNode`, called when toggled. */\n  replaceNode: Replacer;\n  /** The parsed checkbox node. */\n  node: {\n    position: EuiMarkdownAstNodePosition;\n    lead: string;\n    isChecked: boolean;\n    label: string;\n    content: string;\n  };\n}\n\nexport interface EuiMarkdownFormatMarkdownCheckboxSignature {\n  Element: EuiCheckboxSignature['Element'];\n  Args: EuiMarkdownFormatMarkdownCheckboxArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst handleChange = (\n  node: EuiMarkdownFormatMarkdownCheckboxArgs['node'],\n  replaceNode: EuiMarkdownFormatMarkdownCheckboxArgs['replaceNode']\n) => {\n  const { position, lead, isChecked, label } = node;\n\n  replaceNode(position, `${lead}[${isChecked ? ' ' : 'x'}]${label}`);\n};\n\nconst EuiMarkdownFormatMarkdownCheckboxComponent: TemplateOnlyComponent<EuiMarkdownFormatMarkdownCheckboxSignature> =\n  <template>\n    <EuiCheckbox\n      @checked={{@node.isChecked}}\n      {{on \"change\" (fn handleChange @node @replaceNode)}}\n      ...attributes\n    >\n      <:label>\n        {{@node.content}}\n      </:label>\n    </EuiCheckbox>\n  </template>;\n\nexport default EuiMarkdownFormatMarkdownCheckboxComponent;\n"],"names":["handleChange","node","replaceNode","position","lead","isChecked","label","EuiMarkdownFormatMarkdownCheckboxComponent","setComponentTemplate","precompileTemplate","strictMode","scope","EuiCheckbox","on","fn","templateOnly"],"mappings":";;;;;;;AAgCA,MAAMA,eAAeA,CACnBC,IAA4C,EAC5CC,WAAmD,KAAA;EAEnD,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,SAAS;AAAEC,IAAAA;AAAK,GAAE,GAAGL,IAAA;AAE7CC,EAAAA,WAAA,CAAYC,QAAA,EAAU,CAAA,EAAGC,IAAA,CAAA,CAAA,EAAQC,YAAY,GAAA,GAAM,GAAA,CAAA,CAAA,EAAOC,KAAA,EAAO,CAAA;AACnE,CAAA;AAEA,MAAMC,0CAAkE,GAAAC,oBAAA,CACtEC,kBAAA,CAAA,iLAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,WAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAd,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAe,YAAA,EAAA;;"}

package/dist/components/eui-markdown-format/markdown-code-block.js

@@ -3,7 +3,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const MarkdownCodeBlock = setComponentTemplate(precompileTemplate("\n    <EuiCodeBlock @paddingSize={{@node.paddingSize}} @fontSize={{@node.fontSize}} @language={{@node.language}} @isCopyable={{true}}>\n      {{@node.content}}\n    </EuiCodeBlock>\n  ", {
+const MarkdownCodeBlock = setComponentTemplate(precompileTemplate("<EuiCodeBlock @paddingSize={{@node.paddingSize}} @fontSize={{@node.fontSize}} @language={{@node.language}} @isCopyable={{true}}>\n  {{@node.content}}\n</EuiCodeBlock>", {
   strictMode: true,
   scope: () => ({
     EuiCodeBlock: EuiCodeBlockComponent

package/dist/components/eui-markdown-format/markdown-code-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-code-block.js","sources":["../../../src/components/eui-markdown-format/markdown-code-block.gts"],"sourcesContent":["import EuiCodeBlock from '../eui-code-block.gts';\n\nimport type { EuiCodeBlockSignature } from '../eui-code-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface MarkdownCodeBlockSignature {\n  Args: {\n    node: {\n      paddingSize: EuiCodeBlockSignature['Args']['paddingSize'];\n      fontSize: EuiCodeBlockSignature['Args']['fontSize'];\n      language: EuiCodeBlockSignature['Args']['language'];\n      content: string;\n    };\n  };\n}\n\nconst MarkdownCodeBlock: TemplateOnlyComponent<MarkdownCodeBlockSignature> =\n  <template>\n    <EuiCodeBlock\n      @paddingSize={{@node.paddingSize}}\n      @fontSize={{@node.fontSize}}\n      @language={{@node.language}}\n      @isCopyable={{true}}\n    >\n      {{@node.content}}\n    </EuiCodeBlock>\n  </template>;\n\nexport default MarkdownCodeBlock;\n"],"names":["MarkdownCodeBlock","setComponentTemplate","precompileTemplate","strictMode","scope","EuiCodeBlock","templateOnly"],"mappings":";;;;;AAgBA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CASA,0LAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,kBAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"markdown-code-block.js","sources":["../../../src/components/eui-markdown-format/markdown-code-block.gts"],"sourcesContent":["import EuiCodeBlock from '../eui-code-block.gts';\n\nimport type { EuiCodeBlockSignature } from '../eui-code-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private A fenced code block rendered by EuiMarkdownFormat. */\nexport interface MarkdownCodeBlockSignature {\n  Args: {\n    /** The parsed code node. */\n    node: {\n      paddingSize: EuiCodeBlockSignature['Args']['paddingSize'];\n      fontSize: EuiCodeBlockSignature['Args']['fontSize'];\n      language: EuiCodeBlockSignature['Args']['language'];\n      content: string;\n    };\n  };\n}\n\nconst MarkdownCodeBlock: TemplateOnlyComponent<MarkdownCodeBlockSignature> =\n  <template>\n    <EuiCodeBlock\n      @paddingSize={{@node.paddingSize}}\n      @fontSize={{@node.fontSize}}\n      @language={{@node.language}}\n      @isCopyable={{true}}\n    >\n      {{@node.content}}\n    </EuiCodeBlock>\n  </template>;\n\nexport default MarkdownCodeBlock;\n"],"names":["MarkdownCodeBlock","setComponentTemplate","precompileTemplate","strictMode","scope","EuiCodeBlock","templateOnly"],"mappings":";;;;;AAkBA,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,wKAAA,EASA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,kBAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-markdown-format/markdown-code.js

@@ -3,7 +3,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const MarkdownCode = setComponentTemplate(precompileTemplate("\n    <EuiCode @language={{@node.language}}>\n      {{@node.content}}\n    </EuiCode>\n  ", {
+const MarkdownCode = setComponentTemplate(precompileTemplate("<EuiCode @language={{@node.language}}>\n  {{@node.content}}\n</EuiCode>", {
   strictMode: true,
   scope: () => ({
     EuiCode: EuiCodeComponent

package/dist/components/eui-markdown-format/markdown-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-code.js","sources":["../../../src/components/eui-markdown-format/markdown-code.gts"],"sourcesContent":["import EuiCode from '../eui-code.gts';\n\nimport type { EuiCodeSignature } from '../eui-code';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownFormatMarkdownCode {\n  Args: {\n    node: {\n      language: EuiCodeSignature['Args']['language'];\n      content: string;\n    };\n  };\n}\n\nconst MarkdownCode: TemplateOnlyComponent<EuiMarkdownFormatMarkdownCode> =\n  <template>\n    <EuiCode @language={{@node.language}}>\n      {{@node.content}}\n    </EuiCode>\n  </template>;\n\nexport default MarkdownCode;\n"],"names":["MarkdownCode","setComponentTemplate","precompileTemplate","strictMode","scope","EuiCode","templateOnly"],"mappings":";;;;;AAcA,MAAMA,YACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,2FAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"markdown-code.js","sources":["../../../src/components/eui-markdown-format/markdown-code.gts"],"sourcesContent":["import EuiCode from '../eui-code.gts';\n\nimport type { EuiCodeSignature } from '../eui-code';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Inline code rendered by EuiMarkdownFormat. */\nexport interface EuiMarkdownFormatMarkdownCode {\n  Args: {\n    /** The parsed code node. */\n    node: {\n      language: EuiCodeSignature['Args']['language'];\n      content: string;\n    };\n  };\n}\n\nconst MarkdownCode: TemplateOnlyComponent<EuiMarkdownFormatMarkdownCode> =\n  <template>\n    <EuiCode @language={{@node.language}}>\n      {{@node.content}}\n    </EuiCode>\n  </template>;\n\nexport default MarkdownCode;\n"],"names":["MarkdownCode","setComponentTemplate","precompileTemplate","strictMode","scope","EuiCode","templateOnly"],"mappings":";;;;;AAgBA,MAAMA,YAAoC,GAAAC,oBAAA,CACxCC,kBAAA,CAAA,yEAAA,EAIA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-markdown-format/markdown-tooltip.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const MarkdownTooltip = setComponentTemplate(precompileTemplate("\n    <span>\n      <EuiToolTip @content={{@node.tooltipText}}>\n        <span>\n          <strong>{{@node.content}}</strong>\n          <EuiIcon @type=\"questionInCircle\" @iconClasses=\"euiMarkdownTooltip__icon\" />\n        </span>\n      </EuiToolTip>\n    </span>\n  ", {
+const MarkdownTooltip = setComponentTemplate(precompileTemplate("<span>\n  <EuiToolTip @content={{@node.tooltipText}}>\n    <span>\n      <strong>{{@node.content}}</strong>\n      <EuiIcon @type=\"questionInCircle\" @iconClasses=\"euiMarkdownTooltip__icon\" />\n    </span>\n  </EuiToolTip>\n</span>", {
   strictMode: true,
   scope: () => ({
     EuiToolTip,

package/dist/components/eui-markdown-format/markdown-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-tooltip.js","sources":["../../../src/components/eui-markdown-format/markdown-tooltip.gts"],"sourcesContent":["import EuiIcon from '../eui-icon.gts';\nimport EuiToolTip from '../eui-tool-tip.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface MarkdownTooltipSignature {\n  Args: {\n    node: {\n      content: string;\n      tooltipText: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst MarkdownTooltip: TemplateOnlyComponent<MarkdownTooltipSignature> =\n  <template>\n    <span>\n      <EuiToolTip @content={{@node.tooltipText}}>\n        <span>\n          <strong>{{@node.content}}</strong>\n          <EuiIcon\n            @type=\"questionInCircle\"\n            @iconClasses=\"euiMarkdownTooltip__icon\"\n          />\n        </span>\n      </EuiToolTip>\n    </span>\n  </template>;\n\nexport default MarkdownTooltip;"],"names":["MarkdownTooltip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","EuiIcon","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAYA,kRAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"markdown-tooltip.js","sources":["../../../src/components/eui-markdown-format/markdown-tooltip.gts"],"sourcesContent":["import EuiIcon from '../eui-icon.gts';\nimport EuiToolTip from '../eui-tool-tip.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private A `!{tooltip[text](tooltip)}` rendered by EuiMarkdownFormat. */\nexport interface MarkdownTooltipSignature {\n  Args: {\n    /** The parsed tooltip node. */\n    node: {\n      content: string;\n      tooltipText: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst MarkdownTooltip: TemplateOnlyComponent<MarkdownTooltipSignature> =\n  <template>\n    <span>\n      <EuiToolTip @content={{@node.tooltipText}}>\n        <span>\n          <strong>{{@node.content}}</strong>\n          <EuiIcon\n            @type=\"questionInCircle\"\n            @iconClasses=\"euiMarkdownTooltip__icon\"\n          />\n        </span>\n      </EuiToolTip>\n    </span>\n  </template>;\n\nexport default MarkdownTooltip;"],"names":["MarkdownTooltip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","EuiIcon","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,4OAAA,EAYA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-markdown-format.js

@@ -1,7 +1,6 @@
 import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { isArray } from '@ember/array';
-import { EnsureSafeComponentHelper } from '@embroider/util';
 import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import unified from 'unified';
 import { sizeMapping } from '../utils/css-mappings/eui-text.js';
@@ -11,7 +10,7 @@ import '../utils/markdown/plugins/markdown-default-plugins/ui-plugins.js';
 import { toDOM } from '../utils/markdown/plugins/to-dom.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { n } from 'decorator-transforms/runtime';
+import { n } from 'decorator-transforms/runtime-esm';
 
 class EuiMarkdownEditorToolbarComponent extends Component {
   get parsingPluginList() {
@@ -42,7 +41,7 @@ class EuiMarkdownEditorToolbarComponent extends Component {
       baseClasses = baseClasses.concat(['euiText', this.textSizeClass]);
     }
     if (this.args.rootClasses) {
-      let rootClasses = isArray(this.args.rootClasses) ? this.args.rootClasses : this.args.rootClasses?.trim()?.split(' ') || [];
+      const rootClasses = isArray(this.args.rootClasses) ? this.args.rootClasses : this.args.rootClasses?.trim()?.split(' ') || [];
       baseClasses = baseClasses.concat(rootClasses);
     }
     return baseClasses;
@@ -59,7 +58,6 @@ class EuiMarkdownEditorToolbarComponent extends Component {
       return toDOM(processed['result'], {
         rootClasses: this.rootClasses
       });
-      //eslint-disable-next-line
     } catch (e) {
       console.warn(e);
     }
@@ -69,10 +67,9 @@ class EuiMarkdownEditorToolbarComponent extends Component {
     n(this.prototype, "result", [cached]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{!-- This hbs was inspired by https://github.com/ampatspell/ember-cli-remark-static/blob/v3.0.5/addon/components/remark.hbs --}}\n    {{#if this.result}}\n      {{this.result.element}}\n      {{#each this.result.components as |CompNode|}}\n        {{#in-element CompNode.element}}\n          {{#if CompNode.componentName}}\n            {{#let (component (EnsureSafeComponentHelper CompNode.componentName)) as |DynamicComponent|}}\n              <DynamicComponent @replaceNode={{optional @replaceNode}} @node={{CompNode}} />\n            {{/let}}\n          {{/if}}\n        {{/in-element}}\n      {{/each}}\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{!-- This hbs was inspired by https://github.com/ampatspell/ember-cli-remark-static/blob/v3.0.5/addon/components/remark.hbs --}}\n{{#if this.result}}\n  {{this.result.element}}\n  {{#each this.result.components as |CompNode|}}\n    {{#in-element CompNode.element}}\n      {{#if CompNode.componentName}}\n        {{#let (component CompNode.componentName) as |DynamicComponent|}}\n          <DynamicComponent @replaceNode={{optional @replaceNode}} @node={{CompNode}} />\n        {{/let}}\n      {{/if}}\n    {{/in-element}}\n  {{/each}}\n{{/if}}", {
       strictMode: true,
       scope: () => ({
-        EnsureSafeComponentHelper,
         optional
       })
     }), this);

package/dist/components/eui-markdown-format.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-markdown-format.js","sources":["../../src/components/eui-markdown-format.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { isArray } from '@ember/array';\nimport { EnsureSafeComponentHelper } from '@embroider/util';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport unified from 'unified';\n\nimport { sizeMapping as textSizeMapping } from '../utils/css-mappings/eui-text.ts';\nimport {\n  defaultParsingPlugins,\n  defaultProcessingPlugins\n} from '../utils/markdown/plugins/markdown-default-plugins/index.ts';\nimport { toDOM } from '../utils/markdown/plugins/to-dom.ts';\n\nimport type {\n  EuiMarkdownAstNodePosition,\n  RehypeNode\n} from '../utils/markdown/markdown-types';\nimport type { EuiTextSignature } from './eui-text.gts';\nimport type { Processor } from 'unified';\n\nexport type Replacer = (\n  position: EuiMarkdownAstNodePosition,\n  str: string\n) => void;\n\nexport interface EuiMarkdownFormatSignature {\n  Args: {\n    parsingPluginList?: typeof defaultParsingPlugins;\n    processingPluginList?: typeof defaultProcessingPlugins;\n    replaceNode?: Replacer;\n    value: string;\n    //you can pass in a string or an array of strings to be added to the root element\n    rootClasses?: string | string[];\n    textSize?: EuiTextSignature['Args']['size'];\n    shouldIncludeDefaultRootClasses?: boolean;\n  };\n}\n\nexport default class EuiMarkdownEditorToolbarComponent extends Component<EuiMarkdownFormatSignature> {\n  get parsingPluginList() {\n    return this.args.parsingPluginList || defaultParsingPlugins;\n  }\n\n  get processingPluginList() {\n    return this.args.processingPluginList || defaultProcessingPlugins;\n  }\n\n  @cached\n  get processor() {\n    const Compiler = (tree: any) => {\n      return tree;\n    };\n\n    function identityCompiler(this: Processor) {\n      //eslint-disable-next-line\n      this.Compiler = Compiler;\n    }\n\n    return unified()\n      .use(this.parsingPluginList)\n      .use(this.processingPluginList)\n      .use(identityCompiler);\n  }\n\n  get shouldIncludeDefaultRootClasses() {\n    return this.args.shouldIncludeDefaultRootClasses ?? true;\n  }\n\n  get rootClasses(): string[] {\n    let baseClasses = ['euiMarkdownFormat'];\n\n    if (this.shouldIncludeDefaultRootClasses) {\n      baseClasses = baseClasses.concat(['euiText', this.textSizeClass]);\n    }\n\n    if (this.args.rootClasses) {\n      let rootClasses = isArray(this.args.rootClasses)\n        ? this.args.rootClasses\n        : (this.args.rootClasses as string)?.trim()?.split(' ') || [];\n\n      baseClasses = baseClasses.concat(rootClasses);\n    }\n\n    return baseClasses;\n  }\n\n  get textSize() {\n    return this.args.textSize || 'm';\n  }\n\n  get textSizeClass() {\n    return textSizeMapping[this.textSize];\n  }\n\n  @cached\n  get result() {\n    try {\n      const processed = this.processor.processSync(this.args.value);\n\n      return toDOM(processed['result'] as RehypeNode, {\n        rootClasses: this.rootClasses\n      });\n      //eslint-disable-next-line\n    } catch (e) {\n      console.warn(e);\n    }\n\n    return null;\n  }\n\n  <template>\n    {{! This hbs was inspired by https://github.com/ampatspell/ember-cli-remark-static/blob/v3.0.5/addon/components/remark.hbs }}\n    {{#if this.result}}\n      {{this.result.element}}\n      {{#each this.result.components as |CompNode|}}\n        {{#in-element CompNode.element}}\n          {{#if CompNode.componentName}}\n            {{#let\n              (component (EnsureSafeComponentHelper CompNode.componentName))\n              as |DynamicComponent|\n            }}\n              <DynamicComponent\n                @replaceNode={{optional @replaceNode}}\n                @node={{CompNode}}\n              />\n            {{/let}}\n          {{/if}}\n        {{/in-element}}\n      {{/each}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiMarkdownEditorToolbarComponent","Component","parsingPluginList","args","defaultParsingPlugins","processingPluginList","defaultProcessingPlugins","processor","Compiler","tree","identityCompiler","unified","use","n","prototype","cached","shouldIncludeDefaultRootClasses","rootClasses","baseClasses","concat","textSizeClass","isArray","trim","split","textSize","textSizeMapping","result","processed","processSync","value","toDOM","e","console","warn","setComponentTemplate","precompileTemplate","strictMode","scope","EnsureSafeComponentHelper","optional"],"mappings":";;;;;;;;;;;;;;;AAwCe,MAAMA,0CAA0CC,SAAU,CAAA;EACvE,IAAIC,iBAAoBA,GAAA;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,iBAAiB,IAAIE,qBAAA;AACxC;EAEA,IAAIC,oBAAuBA,GAAA;AACzB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,oBAAoB,IAAIC,wBAAA;AAC3C;EAEA,IACIC,SAAYA,GAAA;IACd,MAAMC,QAAA,GAAYC,IAAS,IAAA;AACzB,MAAA,OAAOA,IAAA;KACT;IAEA,SAASC,gBAAAA,GAAgC;AACvC;MACA,IAAI,CAACF,QAAQ,GAAGA,QAAA;AAClB;IAEA,OAAOG,OACJ,EAAA,CAAAC,GAAG,CAAC,IAAI,CAACV,iBAAiB,CAAA,CAC1BU,GAAG,CAAC,IAAI,CAACP,oBAAoB,CAAA,CAC7BO,GAAG,CAACF,gBAAA,CAAA;AACT;AAAA,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAfCC,MAAA,CAAA,CAAA;AAAA;EAiBD,IAAIC,+BAAkCA,GAAA;AACpC,IAAA,OAAO,IAAI,CAACb,IAAI,CAACa,+BAA+B,IAAI,IAAA;AACtD;EAEA,IAAIC,WAAAA,GAAwB;AAC1B,IAAA,IAAIC,WAAc,GAAA,CAAC,mBAAA,CAAoB;IAEvC,IAAI,IAAI,CAACF,+BAA+B,EAAE;AACxCE,MAAAA,WAAc,GAAAA,WAAA,CAAYC,MAAM,CAAC,CAAC,SAAA,EAAW,IAAI,CAACC,aAAa,CAAC,CAAA;AAClE;AAEA,IAAA,IAAI,IAAI,CAACjB,IAAI,CAACc,WAAW,EAAE;AACzB,MAAA,IAAIA,WAAA,GAAcI,OAAQ,CAAA,IAAI,CAAClB,IAAI,CAACc,WAAW,CAC3C,GAAA,IAAI,CAACd,IAAI,CAACc,WAAW,GACpB,IAAI,CAACd,IAAI,CAACc,WAAW,EAAaK,IAAA,EAAA,EAAQC,KAAM,CAAA,GAAA,CAAA,IAAQ,EAAE;AAE/DL,MAAAA,WAAc,GAAAA,WAAA,CAAYC,MAAM,CAACF,WAAA,CAAA;AACnC;AAEA,IAAA,OAAOC,WAAA;AACT;EAEA,IAAIM,QAAWA,GAAA;AACb,IAAA,OAAO,IAAI,CAACrB,IAAI,CAACqB,QAAQ,IAAI,GAAA;AAC/B;EAEA,IAAIJ,aAAgBA,GAAA;AAClB,IAAA,OAAOK,WAAe,CAAC,IAAI,CAACD,QAAQ,CAAC;AACvC;EAEA,IACIE,MAASA,GAAA;IACX,IAAI;AACF,MAAA,MAAMC,SAAA,GAAY,IAAI,CAACpB,SAAS,CAACqB,WAAW,CAAC,IAAI,CAACzB,IAAI,CAAC0B,KAAK,CAAA;AAE5D,MAAA,OAAOC,KAAM,CAAAH,SAAS,CAAC,QAAA,CAAS,EAAgB;QAC9CV,WAAa,EAAA,IAAI,CAACA;AACpB,OAAA,CAAA;AACA;KACF,CAAE,OAAOc,CAAG,EAAA;AACVC,MAAAA,OAAA,CAAQC,IAAI,CAACF,CAAA,CAAA;AACf;AAEA,IAAA,OAAO,IAAA;AACT;AAAA,EAAA;IAAAlB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CAdCC,MAAA,CAAA,CAAA;AAAA;AAgBD,EAAA;IAAAmB,oBAAA,CAAAC,kBAAA,CAoBA,wnBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,yBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-markdown-format.js","sources":["../../src/components/eui-markdown-format.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { isArray } from '@ember/array';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport unified from 'unified';\n\nimport { sizeMapping as textSizeMapping } from '../utils/css-mappings/eui-text.ts';\nimport {\n  defaultParsingPlugins,\n  defaultProcessingPlugins\n} from '../utils/markdown/plugins/markdown-default-plugins/index.ts';\nimport { toDOM } from '../utils/markdown/plugins/to-dom.ts';\n\nimport type {\n  EuiMarkdownAstNodePosition,\n  RehypeNode\n} from '../utils/markdown/markdown-types';\nimport type { EuiTextSignature } from './eui-text.gts';\nimport type { Processor } from 'unified';\n\nexport type Replacer = (\n  position: EuiMarkdownAstNodePosition,\n  str: string\n) => void;\n\n/**\n * Renders markdown as EUI-styled content (headings, lists, code blocks,\n * tables, checkboxes, tooltips and emoji):\n * `<EuiMarkdownFormat @value={{this.markdown}} />`.\n */\nexport interface EuiMarkdownFormatSignature {\n  Args: {\n    /** remark parsing plugins. Defaults to `getDefaultEuiMarkdownParsingPlugins()`. */\n    parsingPluginList?: typeof defaultParsingPlugins;\n    /** Processing plugins. Defaults to `getDefaultEuiMarkdownProcessingPlugins()`. */\n    processingPluginList?: typeof defaultProcessingPlugins;\n    /**\n     * Called when rendered content edits the markdown, e.g. clicking a\n     * task list checkbox (`- [ ] todo`), with the node's position in the\n     * source and its new text. Splice it into your value to make checkboxes\n     * interactive; EuiMarkdownEditor does this for you.\n     */\n    replaceNode?: Replacer;\n    /** The markdown to render. */\n    value: string;\n    /** Extra class(es) for the root element: a string or an array of strings. */\n    rootClasses?: string | string[];\n    /** Text size, any `EuiText` size. Defaults to `'m'`. */\n    textSize?: EuiTextSignature['Args']['size'];\n    /** Keeps the default `euiMarkdownFormat` classes. Defaults to `true`. */\n    shouldIncludeDefaultRootClasses?: boolean;\n  };\n}\n\nexport default class EuiMarkdownEditorToolbarComponent extends Component<EuiMarkdownFormatSignature> {\n  get parsingPluginList() {\n    return this.args.parsingPluginList || defaultParsingPlugins;\n  }\n\n  get processingPluginList() {\n    return this.args.processingPluginList || defaultProcessingPlugins;\n  }\n\n  @cached\n  get processor() {\n    const Compiler = (tree: any) => {\n      return tree;\n    };\n\n    function identityCompiler(this: Processor) {\n      //eslint-disable-next-line\n      this.Compiler = Compiler;\n    }\n\n    return unified()\n      .use(this.parsingPluginList)\n      .use(this.processingPluginList)\n      .use(identityCompiler);\n  }\n\n  get shouldIncludeDefaultRootClasses() {\n    return this.args.shouldIncludeDefaultRootClasses ?? true;\n  }\n\n  get rootClasses(): string[] {\n    let baseClasses = ['euiMarkdownFormat'];\n\n    if (this.shouldIncludeDefaultRootClasses) {\n      baseClasses = baseClasses.concat(['euiText', this.textSizeClass]);\n    }\n\n    if (this.args.rootClasses) {\n      const rootClasses = isArray(this.args.rootClasses)\n        ? this.args.rootClasses\n        : (this.args.rootClasses as string)?.trim()?.split(' ') || [];\n\n      baseClasses = baseClasses.concat(rootClasses);\n    }\n\n    return baseClasses;\n  }\n\n  get textSize() {\n    return this.args.textSize || 'm';\n  }\n\n  get textSizeClass() {\n    return textSizeMapping[this.textSize];\n  }\n\n  @cached\n  get result() {\n    try {\n      const processed = this.processor.processSync(this.args.value);\n\n      return toDOM(processed['result'] as RehypeNode, {\n        rootClasses: this.rootClasses\n      });\n       \n    } catch (e) {\n      console.warn(e);\n    }\n\n    return null;\n  }\n\n  <template>\n    {{! This hbs was inspired by https://github.com/ampatspell/ember-cli-remark-static/blob/v3.0.5/addon/components/remark.hbs }}\n    {{#if this.result}}\n      {{this.result.element}}\n      {{#each this.result.components as |CompNode|}}\n        {{#in-element CompNode.element}}\n          {{#if CompNode.componentName}}\n            {{#let\n              (component CompNode.componentName)\n              as |DynamicComponent|\n            }}\n              <DynamicComponent\n                @replaceNode={{optional @replaceNode}}\n                @node={{CompNode}}\n              />\n            {{/let}}\n          {{/if}}\n        {{/in-element}}\n      {{/each}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiMarkdownEditorToolbarComponent","Component","parsingPluginList","args","defaultParsingPlugins","processingPluginList","defaultProcessingPlugins","processor","Compiler","tree","identityCompiler","unified","use","n","prototype","cached","shouldIncludeDefaultRootClasses","rootClasses","baseClasses","concat","textSizeClass","isArray","trim","split","textSize","textSizeMapping","result","processed","processSync","value","toDOM","e","console","warn","setComponentTemplate","precompileTemplate","strictMode","scope","optional"],"mappings":";;;;;;;;;;;;;;AAuDe,MAAMA,0CAA0CC,SAAA,CAAU;EACvE,IAAIC,iBAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,iBAAiB,IAAIE,qBAAA;AACxC,EAAA;EAEA,IAAIC,oBAAAA,GAAuB;AACzB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,oBAAoB,IAAIC,wBAAA;AAC3C,EAAA;EAEA,IACIC,SAAAA,GAAY;IACd,MAAMC,QAAA,GAAYC,IAAS,IAAA;AACzB,MAAA,OAAOA,IAAA;IACT,CAAA;IAEA,SAASC,gBAAAA,GAAgC;AACvC;MACA,IAAI,CAACF,QAAQ,GAAGA,QAAA;AAClB,IAAA;IAEA,OAAOG,OAAA,EAAA,CACJC,GAAG,CAAC,IAAI,CAACV,iBAAiB,CAAA,CAC1BU,GAAG,CAAC,IAAI,CAACP,oBAAoB,CAAA,CAC7BO,GAAG,CAACF,gBAAA,CAAA;AACT,EAAA;AAAA,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAfCC,MAAA,CAAA,CAAA;AAAA;EAiBD,IAAIC,+BAAAA,GAAkC;AACpC,IAAA,OAAO,IAAI,CAACb,IAAI,CAACa,+BAA+B,IAAI,IAAA;AACtD,EAAA;EAEA,IAAIC,WAAAA,GAAwB;AAC1B,IAAA,IAAIC,WAAA,GAAc,CAAC,mBAAA,CAAoB;IAEvC,IAAI,IAAI,CAACF,+BAA+B,EAAE;AACxCE,MAAAA,WAAA,GAAcA,WAAA,CAAYC,MAAM,CAAC,CAAC,SAAA,EAAW,IAAI,CAACC,aAAa,CAAC,CAAA;AAClE,IAAA;AAEA,IAAA,IAAI,IAAI,CAACjB,IAAI,CAACc,WAAW,EAAE;AACzB,MAAA,MAAMA,WAAA,GAAcI,OAAA,CAAQ,IAAI,CAAClB,IAAI,CAACc,WAAW,CAAA,GAC7C,IAAI,CAACd,IAAI,CAACc,WAAW,GACpB,IAAI,CAACd,IAAI,CAACc,WAAW,EAAaK,IAAA,EAAA,EAAQC,KAAA,CAAM,GAAA,CAAA,IAAQ,EAAE;AAE/DL,MAAAA,WAAA,GAAcA,WAAA,CAAYC,MAAM,CAACF,WAAA,CAAA;AACnC,IAAA;AAEA,IAAA,OAAOC,WAAA;AACT,EAAA;EAEA,IAAIM,QAAAA,GAAW;AACb,IAAA,OAAO,IAAI,CAACrB,IAAI,CAACqB,QAAQ,IAAI,GAAA;AAC/B,EAAA;EAEA,IAAIJ,aAAAA,GAAgB;AAClB,IAAA,OAAOK,WAAe,CAAC,IAAI,CAACD,QAAQ,CAAC;AACvC,EAAA;EAEA,IACIE,MAAAA,GAAS;IACX,IAAI;AACF,MAAA,MAAMC,SAAA,GAAY,IAAI,CAACpB,SAAS,CAACqB,WAAW,CAAC,IAAI,CAACzB,IAAI,CAAC0B,KAAK,CAAA;AAE5D,MAAA,OAAOC,KAAA,CAAMH,SAAS,CAAC,QAAA,CAAS,EAAgB;QAC9CV,WAAA,EAAa,IAAI,CAACA;AACpB,OAAA,CAAA;IAEF,CAAA,CAAE,OAAOc,CAAA,EAAG;AACVC,MAAAA,OAAA,CAAQC,IAAI,CAACF,CAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAO,IAAA;AACT,EAAA;AAAA,EAAA;IAAAlB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CAdCC,MAAA,CAAA,CAAA;AAAA;AAgBD,EAAA;IAAAmB,oBAAA,CAAAC,kBAAA,CAAA,kiBAAA,EAoBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-modal-body.js

@@ -2,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiModalBody = setComponentTemplate(precompileTemplate("\n  <div class=\"euiModalBody\" ...attributes>\n    <div class=\"euiModalBody__overflow\">\n      {{yield}}\n    </div>\n  </div>\n", {
+/** The scrolling content of an EuiModal. */
+const EuiModalBody = setComponentTemplate(precompileTemplate("<div class=\"euiModalBody\" ...attributes>\n  <div class=\"euiModalBody__overflow\">\n    {{yield}}\n  </div>\n</div>", {
   strictMode: true
 }), templateOnly());
 

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

@@ -1 +1 @@
-{"version":3,"file":"eui-modal-body.js","sources":["../../src/components/eui-modal-body.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiModalBodySignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiModalBody: TemplateOnlyComponent<EuiModalBodySignature> = <template>\n  <div class=\"euiModalBody\" ...attributes>\n    <div class=\"euiModalBody__overflow\">\n      {{yield}}\n    </div>\n  </div>\n</template>;\n\nexport default EuiModalBody;\n"],"names":["EuiModalBody","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAMnE,qIAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-modal-body.js","sources":["../../src/components/eui-modal-body.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The scrolling content of an EuiModal. */\nexport interface EuiModalBodySignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nconst EuiModalBody: TemplateOnlyComponent<EuiModalBodySignature> = <template>\n  <div class=\"euiModalBody\" ...attributes>\n    <div class=\"euiModalBody__overflow\">\n      {{yield}}\n    </div>\n  </div>\n</template>;\n\nexport default EuiModalBody;\n"],"names":["EuiModalBody","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,uHAAA,EAMnE;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-modal-footer.js

@@ -2,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiModalFooter = setComponentTemplate(precompileTemplate("\n    <div class=\"euiModalFooter\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+/** The bottom of an EuiModal, with its buttons (right aligned). */
+const EuiModalFooter = setComponentTemplate(precompileTemplate("<div class=\"euiModalFooter\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());
 

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

@@ -1 +1 @@
-{"version":3,"file":"eui-modal-footer.js","sources":["../../src/components/eui-modal-footer.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiModalFooterSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiModalFooter: TemplateOnlyComponent<EuiModalFooterSignature> =\n  <template>\n    <div class=\"euiModalFooter\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiModalFooter;\n"],"names":["EuiModalFooter","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,qFAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-modal-footer.js","sources":["../../src/components/eui-modal-footer.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The bottom of an EuiModal, with its buttons (right aligned). */\nexport interface EuiModalFooterSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** The buttons, e.g. an `EuiButtonEmpty` to cancel and an `EuiButton @fill={{true}}`. */\n    default: [];\n  };\n}\n\nconst EuiModalFooter: TemplateOnlyComponent<EuiModalFooterSignature> =\n  <template>\n    <div class=\"euiModalFooter\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiModalFooter;\n"],"names":["EuiModalFooter","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,mEAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-modal-header-title.js

@@ -2,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiModalHeaderTitle = setComponentTemplate(precompileTemplate("\n    <div class=\"euiModalHeader__title\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+/** The title of an EuiModal. */
+const EuiModalHeaderTitle = setComponentTemplate(precompileTemplate("<div class=\"euiModalHeader__title\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());
 

package/dist/components/eui-modal-header-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-modal-header-title.js","sources":["../../src/components/eui-modal-header-title.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiModalHeaderTitleSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiModalHeaderTitle: TemplateOnlyComponent<EuiModalHeaderTitleSignature> =\n  <template>\n    <div class=\"euiModalHeader__title\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiModalHeaderTitle;\n"],"names":["EuiModalHeaderTitle","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,mBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,4FAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-modal-header-title.js","sources":["../../src/components/eui-modal-header-title.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The title of an EuiModal. */\nexport interface EuiModalHeaderTitleSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** The title text (wrap it in a heading, e.g. `<h1>`). */\n    default: [];\n  };\n}\n\nconst EuiModalHeaderTitle: TemplateOnlyComponent<EuiModalHeaderTitleSignature> =\n  <template>\n    <div class=\"euiModalHeader__title\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiModalHeaderTitle;\n"],"names":["EuiModalHeaderTitle","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,mBAA2C,GAAAC,oBAAA,CAC/CC,kBAAA,CAAA,0EAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-modal-header.js

@@ -2,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiModalHeader = setComponentTemplate(precompileTemplate("\n    <div class=\"euiModalHeader\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+/** The top of an EuiModal. */
+const EuiModalHeader = setComponentTemplate(precompileTemplate("<div class=\"euiModalHeader\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());
 

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

@@ -1 +1 @@
-{"version":3,"file":"eui-modal-header.js","sources":["../../src/components/eui-modal-header.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiModalHeaderSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiModalHeader: TemplateOnlyComponent<EuiModalHeaderSignature> =\n  <template>\n    <div class=\"euiModalHeader\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiModalHeader;\n"],"names":["EuiModalHeader","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,qFAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-modal-header.js","sources":["../../src/components/eui-modal-header.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The top of an EuiModal. */\nexport interface EuiModalHeaderSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** An `EuiModalHeaderTitle`. */\n    default: [];\n  };\n}\n\nconst EuiModalHeader: TemplateOnlyComponent<EuiModalHeaderSignature> =\n  <template>\n    <div class=\"euiModalHeader\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiModalHeader;\n"],"names":["EuiModalHeader","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,mEAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-modal.js

@@ -1,12 +1,11 @@
 import { hash } from '@ember/helper';
 import { on } from '@ember/modifier';
 import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
-import preventDefault from 'ember-event-helpers/helpers/prevent-default';
-import stopPropagation from 'ember-event-helpers/helpers/stop-propagation';
 import { focusTrap } from 'ember-focus-trap';
 import onKey from 'ember-keyboard/modifiers/on-key';
 import style from 'ember-style-modifier/modifiers/style';
-import { eq, notEq, and } from 'ember-truth-helpers';
+import { or, eq, notEq, and } from 'ember-truth-helpers';
+import { stopPropagation, preventDefault } from '../-private/event-helpers.js';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
 import inlineStyles from '../helpers/inline-styles.js';
@@ -16,7 +15,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiModal = setComponentTemplate(precompileTemplate("\n  {{#let (if (and @maxWidth (notEq @maxWidth true)) (inlineStyles componentName=\"EuiModal\" componentArgs=(hash maxWidth=@maxWidth)) (hash)) as |inlineStyles|}}\n    <EuiOverlayMask @onClick={{if @clickOutsideToClose (optional @onClose) (optional)}}>\n      <div class={{classNames \"euiModal\" (if (eq @maxWidth true) \"euiModal--maxWidth-default\")}} tabindex=\"0\" ...attributes {{style inlineStyles}} {{focusTrap isActive=(argOrDefault @isFocusTrapActive true) shouldSelfFocus=(argOrDefault @shouldSelfFocus true) isPaused=(argOrDefault @isFocusTrapPaused false) focusTrapOptions=(argOrDefault @focusTrapOptions (hash))}} {{onKey \"Escape\" (preventDefault (stopPropagation (optional @onClose)))}}>\n        <EuiButtonIcon class=\"euiModal__closeIcon\" @iconType=\"cross\" @color=\"text\" {{on \"click\" (optional @onClose)}} />\n        <div class=\"euiModal__flex\">\n          {{yield}}\n        </div>\n      </div>\n    </EuiOverlayMask>\n  {{/let}}\n", {
+const EuiModal = setComponentTemplate(precompileTemplate("{{#let (if (and @maxWidth (notEq @maxWidth true)) (inlineStyles componentName=\"EuiModal\" componentArgs=(hash maxWidth=@maxWidth)) (hash)) as |inlineStyles|}}\n  <EuiOverlayMask @onClick={{if @clickOutsideToClose (optional @onClose) (optional)}}>\n    <div class={{classNames \"euiModal\" (if (eq @maxWidth true) \"euiModal--maxWidth-default\")}} tabindex=\"0\" ...attributes {{style inlineStyles}} {{focusTrap isActive=(argOrDefault @isFocusTrapActive true) shouldSelfFocus=(argOrDefault @shouldSelfFocus true) isPaused=(argOrDefault @isFocusTrapPaused false) focusTrapOptions=(argOrDefault @focusTrapOptions (hash))}} {{onKey \"Escape\" (preventDefault (stopPropagation (optional @onClose)))}}>\n      <EuiButtonIcon class=\"euiModal__closeIcon\" @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel \"Close this dialog\"}} {{on \"click\" (optional @onClose)}} />\n      <div class=\"euiModal__flex\">\n        {{yield}}\n      </div>\n    </div>\n  </EuiOverlayMask>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,
@@ -34,6 +33,7 @@ const EuiModal = setComponentTemplate(precompileTemplate("\n  {{#let (if (and @m
     preventDefault,
     stopPropagation,
     EuiButtonIcon,
+    or,
     on
   })
 }), templateOnly());

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

@@ -1 +1 @@
-{"version":3,"file":"eui-modal.js","sources":["../../src/components/eui-modal.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport preventDefault from 'ember-event-helpers/helpers/prevent-default';\nimport stopPropagation from 'ember-event-helpers/helpers/stop-propagation';\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, notEq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiModalSignature {\n  Element: HTMLDivElement;\n  Args: {\n    onClose?: (e: Event) => void;\n    maxWidth?: boolean | string;\n    clickOutsideToClose?: boolean;\n    isFocusTrapActive?: boolean;\n    shouldSelfFocus?: boolean;\n    isFocusTrapPaused?: boolean;\n    focusTrapOptions?: {\n      allowOutsideClick?: boolean;\n      clickOutsideDeactivates?: boolean;\n      initialFocus?: string | HTMLElement | (() => HTMLElement);\n      fallbackFocus?: string | HTMLElement | (() => HTMLElement);\n      escapeDeactivates?: boolean;\n      returnFocusOnDeactivate?: boolean;\n      preventScroll?: boolean;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiModal: TemplateOnlyComponent<EuiModalSignature> = <template>\n  {{#let\n    (if\n      (and @maxWidth (notEq @maxWidth true))\n      (inlineStyles\n        componentName=\"EuiModal\" componentArgs=(hash maxWidth=@maxWidth)\n      )\n      (hash)\n    )\n    as |inlineStyles|\n  }}\n    <EuiOverlayMask\n      @onClick={{if @clickOutsideToClose (optional @onClose) (optional)}}\n    >\n      <div\n        class={{classNames\n          \"euiModal\"\n          (if (eq @maxWidth true) \"euiModal--maxWidth-default\")\n        }}\n        tabindex=\"0\"\n        ...attributes\n        {{style inlineStyles}}\n        {{focusTrap\n          isActive=(argOrDefault @isFocusTrapActive true)\n          shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n          isPaused=(argOrDefault @isFocusTrapPaused false)\n          focusTrapOptions=(argOrDefault @focusTrapOptions (hash))\n        }}\n        {{onKey\n          \"Escape\"\n          (preventDefault (stopPropagation (optional @onClose)))\n        }}\n      >\n        <EuiButtonIcon\n          class=\"euiModal__closeIcon\"\n          @iconType=\"cross\"\n          @color=\"text\"\n          {{on \"click\" (optional @onClose)}}\n        />\n        <div class=\"euiModal__flex\">\n          {{yield}}\n        </div>\n      </div>\n    </EuiOverlayMask>\n  {{/let}}\n</template>;\n\nexport default EuiModal;\n"],"names":["EuiModal","setComponentTemplate","precompileTemplate","strictMode","scope","and","notEq","inlineStyles","hash","EuiOverlayMask","optional","classNames","eq","style","focusTrap","argOrDefault","onKey","preventDefault","stopPropagation","EuiButtonIcon","on","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;;AA2CA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CA6C3D,q8BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,IAAA;oBAAAC,uBAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,YAAA;IAAAC,KAAA;IAAAC,cAAA;IAAAC,eAAA;IAAAC,aAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-modal.js","sources":["../../src/components/eui-modal.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, notEq, or } from 'ember-truth-helpers';\n\nimport { preventDefault, stopPropagation } from '../-private/event-helpers.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A dialog over the page, with a mask behind it. Render it only while\n * open: `{{#if this.isOpen}}<EuiModal @onClose={{…}}>…</EuiModal>{{/if}}`.\n * For yes/no questions use EuiConfirmModal.\n */\nexport interface EuiModalSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Called by the close button, Escape and (with `@clickOutsideToClose`)\n     * clicks on the mask. Stop rendering the modal here.\n     */\n    onClose?: (e: Event) => void;\n    /** Accessible label of the close button. Defaults to \"Close this dialog\". */\n    closeButtonAriaLabel?: string;\n    /**\n     * `true` for EUI's default max width, or any CSS width (e.g. `'800px'`).\n     * Defaults to the content's width.\n     */\n    maxWidth?: boolean | string;\n    /** Clicking the mask around the modal calls `@onClose`. */\n    clickOutsideToClose?: boolean;\n    /** Traps keyboard focus inside the modal. Defaults to `true`. */\n    isFocusTrapActive?: boolean;\n    /** Focuses the modal itself when it opens. Defaults to `true`. */\n    shouldSelfFocus?: boolean;\n    /** Pauses the focus trap, e.g. while a nested popover has focus. */\n    isFocusTrapPaused?: boolean;\n    /**\n     * Options for the focus trap (focus-trap library), e.g.\n     * `{ initialFocus: '#name' }` to focus a field when it opens.\n     */\n    focusTrapOptions?: {\n      allowOutsideClick?: boolean;\n      clickOutsideDeactivates?: boolean;\n      initialFocus?: string | HTMLElement | (() => HTMLElement);\n      fallbackFocus?: string | HTMLElement | (() => HTMLElement);\n      escapeDeactivates?: boolean;\n      returnFocusOnDeactivate?: boolean;\n      preventScroll?: boolean;\n    };\n  };\n  Blocks: {\n    /** `EuiModalHeader`, `EuiModalBody` and `EuiModalFooter`. */\n    default: [];\n  };\n}\n\nconst EuiModal: TemplateOnlyComponent<EuiModalSignature> = <template>\n  {{#let\n    (if\n      (and @maxWidth (notEq @maxWidth true))\n      (inlineStyles\n        componentName=\"EuiModal\" componentArgs=(hash maxWidth=@maxWidth)\n      )\n      (hash)\n    )\n    as |inlineStyles|\n  }}\n    <EuiOverlayMask\n      @onClick={{if @clickOutsideToClose (optional @onClose) (optional)}}\n    >\n      <div\n        class={{classNames\n          \"euiModal\"\n          (if (eq @maxWidth true) \"euiModal--maxWidth-default\")\n        }}\n        tabindex=\"0\"\n        ...attributes\n        {{style inlineStyles}}\n        {{focusTrap\n          isActive=(argOrDefault @isFocusTrapActive true)\n          shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n          isPaused=(argOrDefault @isFocusTrapPaused false)\n          focusTrapOptions=(argOrDefault @focusTrapOptions (hash))\n        }}\n        {{onKey\n          \"Escape\"\n          (preventDefault (stopPropagation (optional @onClose)))\n        }}\n      >\n        <EuiButtonIcon\n          class=\"euiModal__closeIcon\"\n          @iconType=\"cross\"\n          @color=\"text\"\n          aria-label={{or @closeButtonAriaLabel \"Close this dialog\"}}\n          {{on \"click\" (optional @onClose)}}\n        />\n        <div class=\"euiModal__flex\">\n          {{yield}}\n        </div>\n      </div>\n    </EuiOverlayMask>\n  {{/let}}\n</template>;\n\nexport default EuiModal;\n"],"names":["EuiModal","setComponentTemplate","precompileTemplate","strictMode","scope","and","notEq","inlineStyles","hash","EuiOverlayMask","optional","classNames","eq","style","focusTrap","argOrDefault","onKey","preventDefault","stopPropagation","EuiButtonIcon","or","on","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;AAkEA,MAAMA,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,2+BAAA,EA8C3D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,IAAA;oBAAAC,uBAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,YAAA;IAAAC,KAAA;IAAAC,cAAA;IAAAC,eAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-notification-badge.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiNotificationBadge = setComponentTemplate(precompileTemplate("\n    <span class={{classNames componentName=\"EuiNotificationBadge\" size=(argOrDefault @size \"s\") color=(argOrDefault @color \"accent\")}} ...attributes>\n      {{yield}}\n    </span>\n  ", {
+const EuiNotificationBadge = setComponentTemplate(precompileTemplate("<span class={{classNames componentName=\"EuiNotificationBadge\" size=(argOrDefault @size \"s\") color=(argOrDefault @color \"accent\")}} ...attributes>\n  {{yield}}\n</span>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-notification-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-notification-badge.js","sources":["../../src/components/eui-notification-badge.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n  colorMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationBadgeSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    size?: keyof typeof sizeMapping;\n    color?: keyof typeof colorMapping;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiNotificationBadge: TemplateOnlyComponent<EuiNotificationBadgeSignature> =\n  <template>\n    <span\n      class={{classNames\n        componentName=\"EuiNotificationBadge\"\n        size=(argOrDefault @size \"s\")\n        color=(argOrDefault @color \"accent\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </span>\n  </template>;\n\nexport default EuiNotificationBadge;\n"],"names":["EuiNotificationBadge","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,iMAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-notification-badge.js","sources":["../../src/components/eui-notification-badge.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n  colorMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A small count badge, e.g. unread notifications on a header button. */\nexport interface EuiNotificationBadgeSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'s'` or `'m'`. Defaults to `'s'`. */\n    size?: keyof typeof sizeMapping;\n    /** `'accent'` or `'subdued'`. Defaults to `'accent'`. */\n    color?: keyof typeof colorMapping;\n  };\n  Blocks: {\n    /** The count, e.g. `3`. */\n    default: [];\n  };\n}\n\nconst EuiNotificationBadge: TemplateOnlyComponent<EuiNotificationBadgeSignature> =\n  <template>\n    <span\n      class={{classNames\n        componentName=\"EuiNotificationBadge\"\n        size=(argOrDefault @size \"s\")\n        color=(argOrDefault @color \"accent\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </span>\n  </template>;\n\nexport default EuiNotificationBadge;\n"],"names":["EuiNotificationBadge","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAwBA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,+KAAA,EAWA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-notification-event-messages.js

@@ -7,14 +7,15 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 const objectAt = (pos, array) => array[pos];
-const without = (obj, array) => {
-  return array.filter(item => item !== obj);
-};
-const EuiNotificationEventMessages = setComponentTemplate(precompileTemplate("\n    <div class=\"euiNotificationEventMessages\" ...attributes>\n      {{#let (objectAt 0 @messages) (without (objectAt 0 @messages) @messages) as |first rest|}}\n\n        {{#if first}}\n          <EuiText @size=\"s\" @color=\"subdued\">\n            <p>{{first}}</p>\n          </EuiText>\n        {{/if}}\n\n        {{#if rest}}\n\n          <EuiAccordion id={{concat \"euiNotificationEventMessagesAccordion\" (randomId)}} class=\"euiNotificationEventMessages__accordion\" @buttonClassName=\"euiNotificationEventMessages__accordionButton\" @arrowDisplay=\"none\">\n            <:buttonContent as |isOpen|>\n              {{@accordionButtonText}}\n              {{#unless isOpen}}\n                ({{@accordionHideText}})\n              {{/unless}}\n            </:buttonContent>\n\n            <:content>\n              <div class=\"euiNotificationEventMessages__accordionContent\">\n                {{#each rest as |msg|}}\n                  <EuiText @size=\"s\" @color=\"subdued\">\n                    <p>{{msg}}</p>\n                  </EuiText>\n                {{/each}}\n              </div>\n            </:content>\n\n          </EuiAccordion>\n        {{/if}}\n\n      {{/let}}\n    </div>\n  ", {
+// everything after the first message (duplicates of it included)
+const afterFirst = array => array.slice(1);
+/** @private The messages of an EuiNotificationEvent. */
+
+const EuiNotificationEventMessages = setComponentTemplate(precompileTemplate("<div class=\"euiNotificationEventMessages\" ...attributes>\n  {{#let (objectAt 0 @messages) (afterFirst @messages) as |first rest|}}\n\n    {{#if first}}\n      <EuiText @size=\"s\" @color=\"subdued\">\n        <p>{{first}}</p>\n      </EuiText>\n    {{/if}}\n\n    {{#if rest}}\n\n      <EuiAccordion id={{concat \"euiNotificationEventMessagesAccordion\" (randomId)}} class=\"euiNotificationEventMessages__accordion\" @buttonClassName=\"euiNotificationEventMessages__accordionButton\" @arrowDisplay=\"none\">\n        <:buttonContent as |isOpen|>\n          {{@accordionButtonText}}\n          {{#unless isOpen}}\n            ({{@accordionHideText}})\n          {{/unless}}\n        </:buttonContent>\n\n        <:content>\n          <div class=\"euiNotificationEventMessages__accordionContent\">\n            {{#each rest as |msg|}}\n              <EuiText @size=\"s\" @color=\"subdued\">\n                <p>{{msg}}</p>\n              </EuiText>\n            {{/each}}\n          </div>\n        </:content>\n\n      </EuiAccordion>\n    {{/if}}\n\n  {{/let}}\n</div>", {
   strictMode: true,
   scope: () => ({
     objectAt,
-    without,
+    afterFirst,
     EuiText: EuiTextComponent,
     EuiAccordion: EuiAccordionComponent,
     concat,

package/dist/components/eui-notification-event-messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-notification-event-messages.js","sources":["../../src/components/eui-notification-event-messages.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiAccordion from './eui-accordion.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst objectAt = <T,>(pos: number, array: T[]) => array[pos];\nconst without = <T,>(obj: T, array: T[]) => {\n  return array.filter((item) => item !== obj);\n};\n\nexport interface EuiNotificationEventMessagesSignature {\n  Element: HTMLDivElement;\n  Args: {\n    messages: string[];\n    accordionButtonText?: string;\n    accordionHideText?: string;\n    accordionAriaLabelButtonText?: string;\n  };\n}\n\nconst EuiNotificationEventMessages: TemplateOnlyComponent<EuiNotificationEventMessagesSignature> =\n  <template>\n    <div class=\"euiNotificationEventMessages\" ...attributes>\n      {{#let\n        (objectAt 0 @messages) (without (objectAt 0 @messages) @messages)\n        as |first rest|\n      }}\n\n        {{#if first}}\n          <EuiText @size=\"s\" @color=\"subdued\">\n            <p>{{first}}</p>\n          </EuiText>\n        {{/if}}\n\n        {{#if rest}}\n\n          <EuiAccordion\n            id={{concat \"euiNotificationEventMessagesAccordion\" (randomId)}}\n            class=\"euiNotificationEventMessages__accordion\"\n            @buttonClassName=\"euiNotificationEventMessages__accordionButton\"\n            @arrowDisplay=\"none\"\n          >\n            <:buttonContent as |isOpen|>\n              {{@accordionButtonText}}\n              {{#unless isOpen}}\n                ({{@accordionHideText}})\n              {{/unless}}\n            </:buttonContent>\n\n            <:content>\n              <div class=\"euiNotificationEventMessages__accordionContent\">\n                {{#each rest as |msg|}}\n                  <EuiText @size=\"s\" @color=\"subdued\">\n                    <p>{{msg}}</p>\n                  </EuiText>\n                {{/each}}\n              </div>\n            </:content>\n\n          </EuiAccordion>\n        {{/if}}\n\n      {{/let}}\n    </div>\n  </template>;\n\nexport default EuiNotificationEventMessages;\n"],"names":["objectAt","pos","array","without","obj","filter","item","EuiNotificationEventMessages","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","EuiAccordion","concat","randomId","templateOnly"],"mappings":";;;;;;;;AAQA,MAAMA,QAAA,GAAWA,CAAKC,GAAW,EAAEC,KAAO,KAAQA,KAAK,CAACD,GAAI,CAAA;AAC5D,MAAME,OAAU,GAAAA,CAAKC,KAAQF,KAAO,KAAA;EAClC,OAAOA,KAAM,CAAAG,MAAM,CAAEC,QAASA,IAAS,KAAAF,GAAA,CAAA;AACzC,CAAA;AAYA,MAAMG,4BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA2CA,0rCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAX,QAAA;IAAAG,OAAA;aAAAS,gBAAA;kBAAAC,qBAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-notification-event-messages.js","sources":["../../src/components/eui-notification-event-messages.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiAccordion from './eui-accordion.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst objectAt = <T,>(pos: number, array: T[]) => array[pos];\n// everything after the first message (duplicates of it included)\nconst afterFirst = <T,>(array: T[]) => array.slice(1);\n\n/** @private The messages of an EuiNotificationEvent. */\nexport interface EuiNotificationEventMessagesSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** The messages: the first is shown, the rest in an accordion. */\n    messages: string[];\n    /** Text of the accordion button. */\n    accordionButtonText?: string;\n    /** Text next to the button while closed. */\n    accordionHideText?: string;\n    /** @deprecated Has no effect. */\n    accordionAriaLabelButtonText?: string;\n  };\n}\n\nconst EuiNotificationEventMessages: TemplateOnlyComponent<EuiNotificationEventMessagesSignature> =\n  <template>\n    <div class=\"euiNotificationEventMessages\" ...attributes>\n      {{#let\n        (objectAt 0 @messages) (afterFirst @messages)\n        as |first rest|\n      }}\n\n        {{#if first}}\n          <EuiText @size=\"s\" @color=\"subdued\">\n            <p>{{first}}</p>\n          </EuiText>\n        {{/if}}\n\n        {{#if rest}}\n\n          <EuiAccordion\n            id={{concat \"euiNotificationEventMessagesAccordion\" (randomId)}}\n            class=\"euiNotificationEventMessages__accordion\"\n            @buttonClassName=\"euiNotificationEventMessages__accordionButton\"\n            @arrowDisplay=\"none\"\n          >\n            <:buttonContent as |isOpen|>\n              {{@accordionButtonText}}\n              {{#unless isOpen}}\n                ({{@accordionHideText}})\n              {{/unless}}\n            </:buttonContent>\n\n            <:content>\n              <div class=\"euiNotificationEventMessages__accordionContent\">\n                {{#each rest as |msg|}}\n                  <EuiText @size=\"s\" @color=\"subdued\">\n                    <p>{{msg}}</p>\n                  </EuiText>\n                {{/each}}\n              </div>\n            </:content>\n\n          </EuiAccordion>\n        {{/if}}\n\n      {{/let}}\n    </div>\n  </template>;\n\nexport default EuiNotificationEventMessages;\n"],"names":["objectAt","pos","array","afterFirst","slice","EuiNotificationEventMessages","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","EuiAccordion","concat","randomId","templateOnly"],"mappings":";;;;;;;;AAQA,MAAMA,QAAA,GAAWA,CAAKC,GAAW,EAAEC,KAAO,KAAQA,KAAK,CAACD,GAAA,CAAI;AAC5D;AACA,MAAME,aAAkBD,KAAO,IAAQA,KAAA,CAAME,KAAK,CAAC,CAAA,CAAA;AAEnD;;AAeA,MAAMC,4BAAoD,GAAAC,oBAAA,CACxDC,kBAAA,CAAA,gjCAAA,EA2CA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAT,QAAA;IAAAG,UAAA;aAAAO,gBAAA;kBAAAC,qBAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-notification-event-meta.js

@@ -15,7 +15,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiNotificationEvent = setComponentTemplate(precompileTemplate("\n    {{#let (and (argOrDefault @hasDefaultBlock true) (has-block)) as |hasDefaultBlock|}}\n      <div class={{classNames \"euiNotificationEventMeta\" (if hasDefaultBlock \"euiNotificationEventMeta--hasContextMenu\")}} ...attributes>\n        <div class=\"euiNotificationEventMeta__section\">\n\n          {{#if @iconType}}\n            <EuiIcon @iconClasses=\"euiNotificationEventMeta__icon\" @type={{@iconType}} @color={{@iconColor}} {{!-- TODO only add one of the following html attributes --}} aria-label={{@iconAriaLabel}} aria-hidden={{if @iconAriaLabel false true}} />\n          {{/if}}\n\n          {{#if @type}}\n            <EuiBadge class=\"euiNotificationEventMeta__badge\" @color={{@badgeColor}}>\n              {{#if @severity}}\n                {{@type}}:\n                {{@severity}}\n              {{else}}\n                {{@type}}\n              {{/if}}\n            </EuiBadge>\n          {{/if}}\n\n        </div>\n\n        <div class=\"euiNotificationEventMeta__section\">\n          <span class=\"euiNotificationEventMeta__time\">{{@time}}</span>\n        </div>\n\n        {{#if hasDefaultBlock}}\n          {{#let (randomId) (useState false) as |randomPopoverId isPopoverOpen|}}\n            <div class=\"euiNotificationEventMeta__contextMenuWrapper\">\n              <EuiPopover id={{randomPopoverId}} @ownFocus={{true}} @repositionOnScroll={{true}} @isOpen={{isPopoverOpen.value}} @panelPaddingSize=\"none\" @anchorPosition=\"leftUp\" @closePopover={{fn isPopoverOpen.setState false}}>\n\n                <:button>\n                  <EuiButtonIcon {{!-- aria-label={contextMenuButton} --}} aria-controls={{randomPopoverId}} aria-expanded={{isPopoverOpen.value}} aria-haspopup=\"true\" @iconType=\"boxesVertical\" @color=\"text\" data-test-subj={{concat @id \"-notificationEventMetaButton\"}} {{on \"click\" (if isPopoverOpen.value (fn isPopoverOpen.setState false) (fn isPopoverOpen.setState true))}} />\n                </:button>\n\n                {{!-- The EuiContextMenu is wrapped with a div so it closes after an item is clicked --}}\n                <:content>\n                  <div {{on \"click\" (queue (optional @onOpenContextMenu) (fn isPopoverOpen.setState false))}} role=\"button\">\n                    {{yield}}\n                  </div>\n                </:content>\n\n              </EuiPopover>\n            </div>\n          {{/let}}\n        {{/if}}\n\n      </div>\n    {{/let}}\n  ", {
+const EuiNotificationEvent = setComponentTemplate(precompileTemplate("{{#let (and (argOrDefault @hasDefaultBlock true) (has-block)) as |hasDefaultBlock|}}\n  <div class={{classNames \"euiNotificationEventMeta\" (if hasDefaultBlock \"euiNotificationEventMeta--hasContextMenu\")}} ...attributes>\n    <div class=\"euiNotificationEventMeta__section\">\n\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiNotificationEventMeta__icon\" @type={{@iconType}} @color={{@iconColor}} @aria-label={{@iconAriaLabel}} />\n      {{/if}}\n\n      {{#if @type}}\n        <EuiBadge class=\"euiNotificationEventMeta__badge\" @color={{@badgeColor}}>\n          {{#if @severity}}\n            {{@type}}:\n            {{@severity}}\n          {{else}}\n            {{@type}}\n          {{/if}}\n        </EuiBadge>\n      {{/if}}\n\n    </div>\n\n    <div class=\"euiNotificationEventMeta__section\">\n      <span class=\"euiNotificationEventMeta__time\">{{@time}}</span>\n    </div>\n\n    {{#if hasDefaultBlock}}\n      {{#let (randomId) (useState false) as |randomPopoverId isPopoverOpen|}}\n        <div class=\"euiNotificationEventMeta__contextMenuWrapper\">\n          <EuiPopover id={{randomPopoverId}} @ownFocus={{true}} @repositionOnScroll={{true}} @isOpen={{isPopoverOpen.value}} @panelPaddingSize=\"none\" @anchorPosition=\"leftUp\" @closePopover={{fn isPopoverOpen.setState false}}>\n\n            <:button>\n              <EuiButtonIcon {{!-- aria-label={contextMenuButton} --}} aria-controls={{randomPopoverId}} aria-expanded={{if isPopoverOpen.value \"true\" \"false\"}} aria-haspopup=\"true\" @iconType=\"boxesVertical\" @color=\"text\" data-test-subj={{concat @id \"-notificationEventMetaButton\"}} {{on \"click\" (if isPopoverOpen.value (fn isPopoverOpen.setState false) (fn isPopoverOpen.setState true))}} />\n            </:button>\n\n            {{!-- The EuiContextMenu is wrapped with a div so it closes after an item is clicked --}}\n            <:content>\n              <div {{on \"click\" (queue (optional @onOpenContextMenu) (fn isPopoverOpen.setState false))}} role=\"button\">\n                {{yield}}\n              </div>\n            </:content>\n\n          </EuiPopover>\n        </div>\n      {{/let}}\n    {{/if}}\n\n  </div>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

package/dist/components/eui-notification-event-meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-notification-event-meta.js","sources":["../../src/components/eui-notification-event-meta.gts"],"sourcesContent":["import { concat } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport { and } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport EuiBadge from './eui-badge.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationEventSignature {\n  Element: HTMLDivElement;\n  Args: {\n    id?: string;\n    time?: string;\n    type?: string;\n    severity?: string;\n    iconType?: EuiIconSignature['Args']['type'];\n    iconColor?: EuiIconSignature['Args']['color'];\n    iconAriaLabel?: EuiIconSignature['Args']['aria-label'];\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    hasDefaultBlock?: boolean;\n    onOpenContextMenu?: (e: MouseEvent) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (and (argOrDefault @hasDefaultBlock true) (has-block))\n      as |hasDefaultBlock|\n    }}\n      <div\n        class={{classNames\n          \"euiNotificationEventMeta\"\n          (if hasDefaultBlock \"euiNotificationEventMeta--hasContextMenu\")\n        }}\n        ...attributes\n      >\n        <div class=\"euiNotificationEventMeta__section\">\n\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiNotificationEventMeta__icon\"\n              @type={{@iconType}}\n              @color={{@iconColor}}\n              {{! TODO only add one of the following html attributes }}\n              aria-label={{@iconAriaLabel}}\n              aria-hidden={{if @iconAriaLabel false true}}\n            />\n          {{/if}}\n\n          {{#if @type}}\n            <EuiBadge\n              class=\"euiNotificationEventMeta__badge\"\n              @color={{@badgeColor}}\n            >\n              {{#if @severity}}\n                {{@type}}:\n                {{@severity}}\n              {{else}}\n                {{@type}}\n              {{/if}}\n            </EuiBadge>\n          {{/if}}\n\n        </div>\n\n        <div class=\"euiNotificationEventMeta__section\">\n          <span class=\"euiNotificationEventMeta__time\">{{@time}}</span>\n        </div>\n\n        {{#if hasDefaultBlock}}\n          {{#let\n            (randomId) (useState false)\n            as |randomPopoverId isPopoverOpen|\n          }}\n            <div class=\"euiNotificationEventMeta__contextMenuWrapper\">\n              <EuiPopover\n                id={{randomPopoverId}}\n                @ownFocus={{true}}\n                @repositionOnScroll={{true}}\n                @isOpen={{isPopoverOpen.value}}\n                @panelPaddingSize=\"none\"\n                @anchorPosition=\"leftUp\"\n                @closePopover={{fn isPopoverOpen.setState false}}\n              >\n\n                <:button>\n                  <EuiButtonIcon\n                    {{! aria-label={contextMenuButton} }}\n                    aria-controls={{randomPopoverId}}\n                    aria-expanded={{isPopoverOpen.value}}\n                    aria-haspopup=\"true\"\n                    @iconType=\"boxesVertical\"\n                    @color=\"text\"\n                    data-test-subj={{concat @id \"-notificationEventMetaButton\"}}\n                    {{on\n                      \"click\"\n                      (if\n                        isPopoverOpen.value\n                        (fn isPopoverOpen.setState false)\n                        (fn isPopoverOpen.setState true)\n                      )\n                    }}\n                  />\n                </:button>\n\n                {{! The EuiContextMenu is wrapped with a div so it closes after an item is clicked }}\n                <:content>\n                  <div\n                    {{on\n                      \"click\"\n                      (queue\n                        (optional @onOpenContextMenu)\n                        (fn isPopoverOpen.setState false)\n                      )\n                    }}\n                    role=\"button\"\n                  >\n                    {{yield}}\n                  </div>\n                </:content>\n\n              </EuiPopover>\n            </div>\n          {{/let}}\n        {{/if}}\n\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","classNames","EuiIcon","EuiBadge","randomId","useState","EuiPopover","fn","EuiButtonIcon","concat","on","queue","optional","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;AAwCA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAwGA,y4EAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;gBAAAC,mBAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-notification-event-meta.js","sources":["../../src/components/eui-notification-event-meta.gts"],"sourcesContent":["import { concat } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport { and } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport EuiBadge from './eui-badge.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The source, time and menu row of an EuiNotificationEvent. */\nexport interface EuiNotificationEventSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Id of the event. */\n    id?: string;\n    /** When it happened. */\n    time?: string;\n    /** Kind of event, shown in a badge. */\n    type?: string;\n    /** Appended to the badge. */\n    severity?: string;\n    /** Icon before the badge. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Color of the icon. */\n    iconColor?: EuiIconSignature['Args']['color'];\n    /** Accessible label of the icon. */\n    iconAriaLabel?: EuiIconSignature['Args']['aria-label'];\n    /** Color of the badge. */\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    /** @private Render the context menu. Defaults to `true`. */\n    hasDefaultBlock?: boolean;\n    /** Called when the context menu button is clicked. */\n    onOpenContextMenu?: (e: MouseEvent) => void;\n  };\n  Blocks: {\n    /** Context menu content. */\n    default: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (and (argOrDefault @hasDefaultBlock true) (has-block))\n      as |hasDefaultBlock|\n    }}\n      <div\n        class={{classNames\n          \"euiNotificationEventMeta\"\n          (if hasDefaultBlock \"euiNotificationEventMeta--hasContextMenu\")\n        }}\n        ...attributes\n      >\n        <div class=\"euiNotificationEventMeta__section\">\n\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiNotificationEventMeta__icon\"\n              @type={{@iconType}}\n              @color={{@iconColor}}\n              @aria-label={{@iconAriaLabel}}\n            />\n          {{/if}}\n\n          {{#if @type}}\n            <EuiBadge\n              class=\"euiNotificationEventMeta__badge\"\n              @color={{@badgeColor}}\n            >\n              {{#if @severity}}\n                {{@type}}:\n                {{@severity}}\n              {{else}}\n                {{@type}}\n              {{/if}}\n            </EuiBadge>\n          {{/if}}\n\n        </div>\n\n        <div class=\"euiNotificationEventMeta__section\">\n          <span class=\"euiNotificationEventMeta__time\">{{@time}}</span>\n        </div>\n\n        {{#if hasDefaultBlock}}\n          {{#let\n            (randomId) (useState false)\n            as |randomPopoverId isPopoverOpen|\n          }}\n            <div class=\"euiNotificationEventMeta__contextMenuWrapper\">\n              <EuiPopover\n                id={{randomPopoverId}}\n                @ownFocus={{true}}\n                @repositionOnScroll={{true}}\n                @isOpen={{isPopoverOpen.value}}\n                @panelPaddingSize=\"none\"\n                @anchorPosition=\"leftUp\"\n                @closePopover={{fn isPopoverOpen.setState false}}\n              >\n\n                <:button>\n                  <EuiButtonIcon\n                    {{! aria-label={contextMenuButton} }}\n                    aria-controls={{randomPopoverId}}\n                    aria-expanded={{if isPopoverOpen.value \"true\" \"false\"}}\n                    aria-haspopup=\"true\"\n                    @iconType=\"boxesVertical\"\n                    @color=\"text\"\n                    data-test-subj={{concat @id \"-notificationEventMetaButton\"}}\n                    {{on\n                      \"click\"\n                      (if\n                        isPopoverOpen.value\n                        (fn isPopoverOpen.setState false)\n                        (fn isPopoverOpen.setState true)\n                      )\n                    }}\n                  />\n                </:button>\n\n                {{! The EuiContextMenu is wrapped with a div so it closes after an item is clicked }}\n                <:content>\n                  <div\n                    {{on\n                      \"click\"\n                      (queue\n                        (optional @onOpenContextMenu)\n                        (fn isPopoverOpen.setState false)\n                      )\n                    }}\n                    role=\"button\"\n                  >\n                    {{yield}}\n                  </div>\n                </:content>\n\n              </EuiPopover>\n            </div>\n          {{/let}}\n        {{/if}}\n\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","classNames","EuiIcon","EuiBadge","randomId","useState","EuiPopover","fn","EuiButtonIcon","concat","on","queue","optional","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;AAoDA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,mpEAAA,EAsGA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;gBAAAC,mBAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-notification-event-read-button.js

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiNotificationEventReadButton = setComponentTemplate(precompileTemplate("\n    {{!-- ToDo: title and aria-label translations --}}\n    <EuiButtonIcon @iconType=\"dot\" aria-label={{if @isRead (concat \"Mark \" @eventName \" as unread\") (concat \"Mark \" @eventName \" as read\")}} title={{if @isRead \"Read\" \"Unread\"}} class={{classNames \"euiNotificationEventReadButton\" (if @isRead \"euiNotificationEventReadButton--isRead\")}} data-test-subj={{concat @id \"-notificationEventReadButton\"}} id={{@id}} ...attributes />\n  ", {
+const EuiNotificationEventReadButton = setComponentTemplate(precompileTemplate("{{!-- ToDo: title and aria-label translations --}}\n<EuiButtonIcon @iconType=\"dot\" aria-label={{if @isRead (concat \"Mark \" @eventName \" as unread\") (concat \"Mark \" @eventName \" as read\")}} title={{if @isRead \"Read\" \"Unread\"}} class={{classNames \"euiNotificationEventReadButton\" (if @isRead \"euiNotificationEventReadButton--isRead\")}} data-test-subj={{concat @id \"-notificationEventReadButton\"}} id={{@id}} ...attributes />", {
   strictMode: true,
   scope: () => ({
     EuiButtonIcon,

package/dist/components/eui-notification-event-read-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-notification-event-read-button.js","sources":["../../src/components/eui-notification-event-read-button.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\n\nimport type { EuiButtonIconSignature } from './eui-button-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationEventReadButtonSignature {\n  Element: EuiButtonIconSignature['Element'];\n  Args: {\n    id?: string;\n    eventName?: string;\n    isRead?: boolean;\n  };\n}\n\nconst EuiNotificationEventReadButton: TemplateOnlyComponent<EuiNotificationEventReadButtonSignature> =\n  <template>\n    {{! ToDo: title and aria-label translations }}\n    <EuiButtonIcon\n      @iconType=\"dot\"\n      aria-label={{if\n        @isRead\n        (concat \"Mark \" @eventName \" as unread\")\n        (concat \"Mark \" @eventName \" as read\")\n      }}\n      title={{if @isRead \"Read\" \"Unread\"}}\n      class={{classNames\n        \"euiNotificationEventReadButton\"\n        (if @isRead \"euiNotificationEventReadButton--isRead\")\n      }}\n      data-test-subj={{concat @id \"-notificationEventReadButton\"}}\n      id={{@id}}\n      ...attributes\n    />\n  </template>;\n\nexport default EuiNotificationEventReadButton;\n"],"names":["EuiNotificationEventReadButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon","concat","classNames","templateOnly"],"mappings":";;;;;;;AAiBA,MAAMA,8BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAkBA,0cAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,aAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-notification-event-read-button.js","sources":["../../src/components/eui-notification-event-read-button.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\n\nimport type { EuiButtonIconSignature } from './eui-button-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Button toggling an EuiNotificationEvent's read state. */\nexport interface EuiNotificationEventReadButtonSignature {\n  Element: EuiButtonIconSignature['Element'];\n  Args: {\n    /** Id of the event. */\n    id?: string;\n    /** The event's title, for the accessible label. */\n    eventName?: string;\n    /** Read state. */\n    isRead?: boolean;\n  };\n}\n\nconst EuiNotificationEventReadButton: TemplateOnlyComponent<EuiNotificationEventReadButtonSignature> =\n  <template>\n    {{! ToDo: title and aria-label translations }}\n    <EuiButtonIcon\n      @iconType=\"dot\"\n      aria-label={{if\n        @isRead\n        (concat \"Mark \" @eventName \" as unread\")\n        (concat \"Mark \" @eventName \" as read\")\n      }}\n      title={{if @isRead \"Read\" \"Unread\"}}\n      class={{classNames\n        \"euiNotificationEventReadButton\"\n        (if @isRead \"euiNotificationEventReadButton--isRead\")\n      }}\n      data-test-subj={{concat @id \"-notificationEventReadButton\"}}\n      id={{@id}}\n      ...attributes\n    />\n  </template>;\n\nexport default EuiNotificationEventReadButton;\n"],"names":["EuiNotificationEventReadButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon","concat","classNames","templateOnly"],"mappings":";;;;;;;AAqBA,MAAMA,8BAAsD,GAAAC,oBAAA,CAC1DC,kBAAA,CAAA,4bAAA,EAkBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,aAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-notification-event-read-icon.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiNotificationEventReadIcon = setComponentTemplate(precompileTemplate("\n    {{!-- ToDo: title and aria-label translations --}}\n    <div class={{classNames \"euiNotificationEventReadIcon\" (if @isRead \"euiNotificationEventReadIcon--isRead\")}} ...attributes>\n      <EuiIcon @type=\"dot\" aria-label={{if @isRead (concat @eventName \" is read\") (concat @eventName \" is unread\")}} title={{if @isRead \"Read\" \"Unread\"}} @color={{argOrDefault @readIconColor \"primary\"}} data-test-subj={{concat @id \"-notificationEventReadIcon\"}} id={{@id}} />\n    </div>\n  ", {
+const EuiNotificationEventReadIcon = setComponentTemplate(precompileTemplate("{{!-- ToDo: title and aria-label translations --}}\n<div class={{classNames \"euiNotificationEventReadIcon\" (if @isRead \"euiNotificationEventReadIcon--isRead\")}} ...attributes>\n  <EuiIcon @type=\"dot\" @aria-label={{if @isRead (concat @eventName \" is read\") (concat @eventName \" is unread\")}} title={{if @isRead \"Read\" \"Unread\"}} @color={{argOrDefault @readIconColor \"primary\"}} data-test-subj={{concat @id \"-notificationEventReadIcon\"}} id={{@id}} />\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-notification-event-read-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-notification-event-read-icon.js","sources":["../../src/components/eui-notification-event-read-icon.gts"],"sourcesContent":["import { concat } from '@ember/helper';\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 { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationEventReadIconSignature {\n  Element: HTMLDivElement;\n  Args: {\n    id?: string;\n    eventName?: string;\n    isRead?: boolean;\n    readIconColor?: EuiIconSignature['Args']['color'];\n  };\n}\n\nconst EuiNotificationEventReadIcon: TemplateOnlyComponent<EuiNotificationEventReadIconSignature> =\n  <template>\n    {{! ToDo: title and aria-label translations }}\n    <div\n      class={{classNames\n        \"euiNotificationEventReadIcon\"\n        (if @isRead \"euiNotificationEventReadIcon--isRead\")\n      }}\n      ...attributes\n    >\n      <EuiIcon\n        @type=\"dot\"\n        aria-label={{if\n          @isRead\n          (concat @eventName \" is read\")\n          (concat @eventName \" is unread\")\n        }}\n        title={{if @isRead \"Read\" \"Unread\"}}\n        @color={{argOrDefault @readIconColor \"primary\"}}\n        data-test-subj={{concat @id \"-notificationEventReadIcon\"}}\n        id={{@id}}\n      />\n    </div>\n  </template>;\n\nexport default EuiNotificationEventReadIcon;\n"],"names":["EuiNotificationEventReadIcon","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiIcon","concat","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAmBA,MAAMA,4BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAsBA,kfAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-notification-event-read-icon.js","sources":["../../src/components/eui-notification-event-read-icon.gts"],"sourcesContent":["import { concat } from '@ember/helper';\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 { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Dot showing an EuiNotificationEvent's read state. */\nexport interface EuiNotificationEventReadIconSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Id of the event. */\n    id?: string;\n    /** The event's title, for the accessible label. */\n    eventName?: string;\n    /** Read state. */\n    isRead?: boolean;\n    /** Color of the dot. Defaults to `'primary'`. */\n    readIconColor?: EuiIconSignature['Args']['color'];\n  };\n}\n\nconst EuiNotificationEventReadIcon: TemplateOnlyComponent<EuiNotificationEventReadIconSignature> =\n  <template>\n    {{! ToDo: title and aria-label translations }}\n    <div\n      class={{classNames\n        \"euiNotificationEventReadIcon\"\n        (if @isRead \"euiNotificationEventReadIcon--isRead\")\n      }}\n      ...attributes\n    >\n      <EuiIcon\n        @type=\"dot\"\n        @aria-label={{if\n          @isRead\n          (concat @eventName \" is read\")\n          (concat @eventName \" is unread\")\n        }}\n        title={{if @isRead \"Read\" \"Unread\"}}\n        @color={{argOrDefault @readIconColor \"primary\"}}\n        data-test-subj={{concat @id \"-notificationEventReadIcon\"}}\n        id={{@id}}\n      />\n    </div>\n  </template>;\n\nexport default EuiNotificationEventReadIcon;\n"],"names":["EuiNotificationEventReadIcon","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiIcon","concat","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAwBA,MAAMA,4BAAoD,GAAAC,oBAAA,CACxDC,kBAAA,CAAA,6dAAA,EAsBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-notification-event.js

@@ -16,7 +16,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiNotificationEvent = setComponentTemplate(precompileTemplate("\n    {{#let (randomId) (element (argOrDefault @tagName \"article\")) (and (argOrDefault @hasContextMenuBlock true) (has-block \"contextMenu\")) (and (argOrDefault @hasPrimaryActionBlock true) (has-block \"primaryAction\")) as |id Element hasContextMenuBlock hasPrimaryActionBlock|}}\n      <Element aria-labelledby={{id}} key={{@id}} class={{classNames \"euiNotificationEvent\" (if (eq (typeOf @isRead) \"boolean\") \"euiNotificationEvent--withReadState\")}} ...attributes>\n\n        {{#if (eq (typeOf @isRead) \"boolean\")}}\n          <div class=\"euiNotificationEvent__readButton\">\n            {{#if @onRead}}\n              <EuiNotificationEventReadButton @id={{@id}} @isRead={{@isRead}} @eventName={{@title}} {{on \"click\" @onRead}} />\n            {{else}}\n              <EuiNotificationEventReadIcon @id={{@id}} @isRead={{@isRead}} @eventName={{@title}} @readIconColor={{@readIconColor}} />\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class=\"euiNotificationEvent__content\">\n          <EuiNotificationEventMeta @id={{@id}} @type={{@type}} @severity={{@severity}} @badgeColor={{@badgeColor}} @iconType={{@iconType}} @iconAriaLabel={{@iconAriaLabel}} @time={{@time}} @onOpenContextMenu={{@onOpenContextMenu}} @hasDefaultBlock={{hasContextMenuBlock}} @iconColor={{@iconColor}}>\n            {{yield to=\"contextMenu\"}}\n          </EuiNotificationEventMeta>\n\n          {{#let (classNames \"euiNotificationEvent__title\" (if @isRead \"euiNotificationEvent__title--isRead\")) (argOrDefault @headingLevel \"h2\") as |classNames headingLevel|}}\n            {{#if (or @href @onClickTitle)}}\n              <EuiLink class={{classNames}} id={{id}} @href={{@href}} {{on \"click\" (optional @onClickTitle)}}>\n                <TextBlock @tagName={{headingLevel}}>\n                  {{@title}}\n                </TextBlock>\n              </EuiLink>\n            {{else if @title}}\n              <TextBlock id={{id}} class={{classNames}} @tagName={{headingLevel}}>\n                {{@title}}\n              </TextBlock>\n            {{/if}}\n          {{/let}}\n\n          <EuiNotificationEventMessages @messages={{@messages}} @accordionButtonText={{@accordionButtonText}} @accordionHideText={{@accordionHideText}} />\n\n          {{#if hasPrimaryActionBlock}}\n            <div class=\"euiNotificationEvent__primaryAction\">\n              {{yield to=\"primaryAction\"}}\n            </div>\n          {{/if}}\n\n        </div>\n\n      </Element>\n    {{/let}}\n  ", {
+const EuiNotificationEvent = setComponentTemplate(precompileTemplate("{{#let (randomId) (element (argOrDefault @tagName \"article\")) (and (argOrDefault @hasContextMenuBlock true) (has-block \"contextMenu\")) (and (argOrDefault @hasPrimaryActionBlock true) (has-block \"primaryAction\")) as |id Element hasContextMenuBlock hasPrimaryActionBlock|}}\n  <Element aria-labelledby={{id}} key={{@id}} class={{classNames \"euiNotificationEvent\" (if (eq (typeOf @isRead) \"boolean\") \"euiNotificationEvent--withReadState\")}} ...attributes>\n\n    {{#if (eq (typeOf @isRead) \"boolean\")}}\n      <div class=\"euiNotificationEvent__readButton\">\n        {{#if @onRead}}\n          <EuiNotificationEventReadButton @id={{@id}} @isRead={{@isRead}} @eventName={{@title}} {{on \"click\" @onRead}} />\n        {{else}}\n          <EuiNotificationEventReadIcon @id={{@id}} @isRead={{@isRead}} @eventName={{@title}} @readIconColor={{@readIconColor}} />\n        {{/if}}\n      </div>\n    {{/if}}\n\n    <div class=\"euiNotificationEvent__content\">\n      <EuiNotificationEventMeta @id={{@id}} @type={{@type}} @severity={{@severity}} @badgeColor={{@badgeColor}} @iconType={{@iconType}} @iconAriaLabel={{@iconAriaLabel}} @time={{@time}} @onOpenContextMenu={{@onOpenContextMenu}} @hasDefaultBlock={{hasContextMenuBlock}} @iconColor={{@iconColor}}>\n        {{yield to=\"contextMenu\"}}\n      </EuiNotificationEventMeta>\n\n      {{#let (classNames \"euiNotificationEvent__title\" (if @isRead \"euiNotificationEvent__title--isRead\")) (argOrDefault @headingLevel \"h2\") as |classNames headingLevel|}}\n        {{#if (or @href @onClickTitle)}}\n          <EuiLink class={{classNames}} id={{id}} @href={{@href}} {{on \"click\" (optional @onClickTitle)}}>\n            <TextBlock @tagName={{headingLevel}}>\n              {{@title}}\n            </TextBlock>\n          </EuiLink>\n        {{else if @title}}\n          <TextBlock id={{id}} class={{classNames}} @tagName={{headingLevel}}>\n            {{@title}}\n          </TextBlock>\n        {{/if}}\n      {{/let}}\n\n      <EuiNotificationEventMessages @messages={{@messages}} @accordionButtonText={{@accordionButtonText}} @accordionHideText={{@accordionHideText}} />\n\n      {{#if hasPrimaryActionBlock}}\n        <div class=\"euiNotificationEvent__primaryAction\">\n          {{yield to=\"primaryAction\"}}\n        </div>\n      {{/if}}\n\n    </div>\n\n  </Element>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     randomId,