@ember-eui/core 13.0.5 → 14.0.0

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\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      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":";;;;;;;;;;;;;;AAuCe,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,MAAMA,WAAA,GAAcI,OAAQ,CAAA,IAAI,CAAClB,IAAI,CAACc,WAAW,CAC7C,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;KAEF,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,kiBAAA,EAAA;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,7 @@ 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", {
+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\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,uHAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -2,7 +2,7 @@ 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  ", {
+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\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,mEAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -2,7 +2,7 @@ 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  ", {
+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\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,0EAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -2,7 +2,7 @@ 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  ", {
+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\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,mEAAA,EAAA;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 { 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\" {{on \"click\" (optional @onClose)}} />\n      <div class=\"euiModal__flex\">\n        {{yield}}\n      </div>\n    </div>\n  </EuiOverlayMask>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

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 } 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\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":";;;;;;;;;;;;;;;;;AA0CA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CA6C3D,66BAAA,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;;;;"}

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\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,+KAAA,EAAA;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,13 @@ 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);
+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\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) (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,GAAI,CAAA;AAC5D;AACA,MAAME,aAAkBD,KAAe,IAAAA,KAAA,CAAME,KAAK,CAAC,CAAA,CAAA;AAYnD,MAAMC,4BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA2CA,gjCAAA,EAAA;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}} {{!-- TODO only add one of the following html attributes --}} aria-label={{@iconAriaLabel}} aria-hidden={{unless @iconAriaLabel \"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={{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\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={{unless @iconAriaLabel \"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={{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":";;;;;;;;;;;;;;;;;AAwCA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAwGA,+vEAAA,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;;;;"}

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\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,4bAAA,EAAA;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\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,4dAAA,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;;;;"}

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,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-notification-event.js","sources":["../../src/components/eui-notification-event.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport { and, eq, or } 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 typeOf from '../helpers/type-of.ts';\nimport EuiLink from './eui-link.gts';\nimport EuiNotificationEventMessages from './eui-notification-event-messages.gts';\nimport EuiNotificationEventMeta from './eui-notification-event-meta.gts';\nimport EuiNotificationEventReadButton from './eui-notification-event-read-button.gts';\nimport EuiNotificationEventReadIcon from './eui-notification-event-read-icon.gts';\nimport TextBlock from './text-block.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiNotificationEventMessagesSignature } from './eui-notification-event-messages';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationEventSignature {\n  Element: any;\n  Args: {\n    id?: string;\n    tagName?: string;\n    hasContextMenuBlock?: boolean;\n    hasPrimaryActionBlock?: boolean;\n    isRead?: boolean;\n    href?: string;\n    onClickTitle?: (event: MouseEvent) => void;\n    onRead?: (event: MouseEvent) => void;\n    onOpenContextMenu?: (event: MouseEvent) => void;\n    title?: string;\n    type?: string;\n    severity?: string;\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    iconType?: EuiIconSignature['Args']['type'];\n    iconAriaLabel?: string;\n    time?: string;\n    iconColor?: string;\n    readIconColor?: string;\n    headingLevel?: TextBlockSignature['Args']['tagName'];\n    messages: EuiNotificationEventMessagesSignature['Args']['messages'];\n    accordionButtonText?: EuiNotificationEventMessagesSignature['Args']['accordionButtonText'];\n    accordionHideText?: EuiNotificationEventMessagesSignature['Args']['accordionHideText'];\n  };\n  Blocks: {\n    default: [];\n    contextMenu: [];\n    primaryAction: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (randomId)\n      (element (argOrDefault @tagName \"article\"))\n      (and (argOrDefault @hasContextMenuBlock true) (has-block \"contextMenu\"))\n      (and\n        (argOrDefault @hasPrimaryActionBlock true) (has-block \"primaryAction\")\n      )\n      as |id Element hasContextMenuBlock hasPrimaryActionBlock|\n    }}\n      <Element\n        aria-labelledby={{id}}\n        key={{@id}}\n        class={{classNames\n          \"euiNotificationEvent\"\n          (if\n            (eq (typeOf @isRead) \"boolean\")\n            \"euiNotificationEvent--withReadState\"\n          )\n        }}\n        ...attributes\n      >\n\n        {{#if (eq (typeOf @isRead) \"boolean\")}}\n          <div class=\"euiNotificationEvent__readButton\">\n            {{#if @onRead}}\n              <EuiNotificationEventReadButton\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                {{on \"click\" @onRead}}\n              />\n            {{else}}\n              <EuiNotificationEventReadIcon\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                @readIconColor={{@readIconColor}}\n              />\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class=\"euiNotificationEvent__content\">\n          <EuiNotificationEventMeta\n            @id={{@id}}\n            @type={{@type}}\n            @severity={{@severity}}\n            @badgeColor={{@badgeColor}}\n            @iconType={{@iconType}}\n            @iconAriaLabel={{@iconAriaLabel}}\n            @time={{@time}}\n            @onOpenContextMenu={{@onOpenContextMenu}}\n            @hasDefaultBlock={{hasContextMenuBlock}}\n            @iconColor={{@iconColor}}\n          >\n            {{yield to=\"contextMenu\"}}\n          </EuiNotificationEventMeta>\n\n          {{#let\n            (classNames\n              \"euiNotificationEvent__title\"\n              (if @isRead \"euiNotificationEvent__title--isRead\")\n            )\n            (argOrDefault @headingLevel \"h2\")\n            as |classNames headingLevel|\n          }}\n            {{#if (or @href @onClickTitle)}}\n              <EuiLink\n                class={{classNames}}\n                id={{id}}\n                @href={{@href}}\n                {{on \"click\" (optional @onClickTitle)}}\n              >\n                <TextBlock @tagName={{headingLevel}}>\n                  {{@title}}\n                </TextBlock>\n              </EuiLink>\n            {{else if @title}}\n              <TextBlock\n                id={{id}}\n                class={{classNames}}\n                @tagName={{headingLevel}}\n              >\n                {{@title}}\n              </TextBlock>\n            {{/if}}\n          {{/let}}\n\n          <EuiNotificationEventMessages\n            @messages={{@messages}}\n            @accordionButtonText={{@accordionButtonText}}\n            @accordionHideText={{@accordionHideText}}\n          />\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  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","element","argOrDefault","and","classNames","eq","typeOf","EuiNotificationEventReadButton","on","EuiNotificationEventReadIcon","EuiNotificationEventMeta","or","EuiLink","optional","TextBlock","EuiNotificationEventMessages","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;;AAwDA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAyGA,08EAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,4BAAA;8BAAAC,sBAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-notification-event.js","sources":["../../src/components/eui-notification-event.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport { and, eq, or } 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 typeOf from '../helpers/type-of.ts';\nimport EuiLink from './eui-link.gts';\nimport EuiNotificationEventMessages from './eui-notification-event-messages.gts';\nimport EuiNotificationEventMeta from './eui-notification-event-meta.gts';\nimport EuiNotificationEventReadButton from './eui-notification-event-read-button.gts';\nimport EuiNotificationEventReadIcon from './eui-notification-event-read-icon.gts';\nimport TextBlock from './text-block.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiNotificationEventMessagesSignature } from './eui-notification-event-messages';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationEventSignature {\n  Element: any;\n  Args: {\n    id?: string;\n    tagName?: string;\n    hasContextMenuBlock?: boolean;\n    hasPrimaryActionBlock?: boolean;\n    isRead?: boolean;\n    href?: string;\n    onClickTitle?: (event: MouseEvent) => void;\n    onRead?: (event: MouseEvent) => void;\n    onOpenContextMenu?: (event: MouseEvent) => void;\n    title?: string;\n    type?: string;\n    severity?: string;\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    iconType?: EuiIconSignature['Args']['type'];\n    iconAriaLabel?: string;\n    time?: string;\n    iconColor?: string;\n    readIconColor?: string;\n    headingLevel?: TextBlockSignature['Args']['tagName'];\n    messages: EuiNotificationEventMessagesSignature['Args']['messages'];\n    accordionButtonText?: EuiNotificationEventMessagesSignature['Args']['accordionButtonText'];\n    accordionHideText?: EuiNotificationEventMessagesSignature['Args']['accordionHideText'];\n  };\n  Blocks: {\n    default: [];\n    contextMenu: [];\n    primaryAction: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (randomId)\n      (element (argOrDefault @tagName \"article\"))\n      (and (argOrDefault @hasContextMenuBlock true) (has-block \"contextMenu\"))\n      (and\n        (argOrDefault @hasPrimaryActionBlock true) (has-block \"primaryAction\")\n      )\n      as |id Element hasContextMenuBlock hasPrimaryActionBlock|\n    }}\n      <Element\n        aria-labelledby={{id}}\n        key={{@id}}\n        class={{classNames\n          \"euiNotificationEvent\"\n          (if\n            (eq (typeOf @isRead) \"boolean\")\n            \"euiNotificationEvent--withReadState\"\n          )\n        }}\n        ...attributes\n      >\n\n        {{#if (eq (typeOf @isRead) \"boolean\")}}\n          <div class=\"euiNotificationEvent__readButton\">\n            {{#if @onRead}}\n              <EuiNotificationEventReadButton\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                {{on \"click\" @onRead}}\n              />\n            {{else}}\n              <EuiNotificationEventReadIcon\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                @readIconColor={{@readIconColor}}\n              />\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class=\"euiNotificationEvent__content\">\n          <EuiNotificationEventMeta\n            @id={{@id}}\n            @type={{@type}}\n            @severity={{@severity}}\n            @badgeColor={{@badgeColor}}\n            @iconType={{@iconType}}\n            @iconAriaLabel={{@iconAriaLabel}}\n            @time={{@time}}\n            @onOpenContextMenu={{@onOpenContextMenu}}\n            @hasDefaultBlock={{hasContextMenuBlock}}\n            @iconColor={{@iconColor}}\n          >\n            {{yield to=\"contextMenu\"}}\n          </EuiNotificationEventMeta>\n\n          {{#let\n            (classNames\n              \"euiNotificationEvent__title\"\n              (if @isRead \"euiNotificationEvent__title--isRead\")\n            )\n            (argOrDefault @headingLevel \"h2\")\n            as |classNames headingLevel|\n          }}\n            {{#if (or @href @onClickTitle)}}\n              <EuiLink\n                class={{classNames}}\n                id={{id}}\n                @href={{@href}}\n                {{on \"click\" (optional @onClickTitle)}}\n              >\n                <TextBlock @tagName={{headingLevel}}>\n                  {{@title}}\n                </TextBlock>\n              </EuiLink>\n            {{else if @title}}\n              <TextBlock\n                id={{id}}\n                class={{classNames}}\n                @tagName={{headingLevel}}\n              >\n                {{@title}}\n              </TextBlock>\n            {{/if}}\n          {{/let}}\n\n          <EuiNotificationEventMessages\n            @messages={{@messages}}\n            @accordionButtonText={{@accordionButtonText}}\n            @accordionHideText={{@accordionHideText}}\n          />\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  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","element","argOrDefault","and","classNames","eq","typeOf","EuiNotificationEventReadButton","on","EuiNotificationEventReadIcon","EuiNotificationEventMeta","or","EuiLink","optional","TextBlock","EuiNotificationEventMessages","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;;AAwDA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAyGA,gzEAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,4BAAA;8BAAAC,sBAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-overlay-mask.js

@@ -3,12 +3,12 @@ import { tracked } from '@glimmer/tracking';
 import { on } from '@ember/modifier';
 import { action } from '@ember/object';
 import didInsert from '@ember/render-modifiers/modifiers/did-insert';
-import setBodyClass from 'ember-set-body-class/helpers/set-body-class';
 import { eq } from 'ember-truth-helpers';
+import SetBodyClass from '../-private/set-body-class.js';
 import classNames from '../helpers/class-names.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 class EuiOverlayMaskComponent extends Component {
   static {
@@ -35,10 +35,10 @@ class EuiOverlayMaskComponent extends Component {
     this.overlayMaskNode = undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{(setBodyClass \"euiBody-hasOverlayMask\")}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div class={{classNames \"euiOverlayMask\" (unless (eq @headerZindexLocation \"below\") \"euiOverlayMask--aboveHeader\" \"euiOverlayMask--belowHeader\")}} {{didInsert this.setOverlayMaskNode}} {{!-- template-lint-disable --}} {{on \"click\" this.onClick}} ...attributes>\n        {{yield}}\n      </div>\n    {{/in-element}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{(setBodyClass \"euiBody-hasOverlayMask\")}}\n{{#in-element this.destinationElement insertBefore=null}}\n  <div class={{classNames \"euiOverlayMask\" (unless (eq @headerZindexLocation \"below\") \"euiOverlayMask--aboveHeader\" \"euiOverlayMask--belowHeader\")}} {{didInsert this.setOverlayMaskNode}} {{!-- template-lint-disable --}} {{on \"click\" this.onClick}} ...attributes>\n    {{yield}}\n  </div>\n{{/in-element}}", {
       strictMode: true,
       scope: () => ({
-        setBodyClass,
+        setBodyClass: SetBodyClass,
         classNames,
         eq,
         didInsert,

package/dist/components/eui-overlay-mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-overlay-mask.js","sources":["../../src/components/eui-overlay-mask.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport setBodyClass from 'ember-set-body-class/helpers/set-body-class';\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\ninterface EuiOverlayMaskArgs {\n  onClick?: (e: Event) => void;\n  headerZindexLocation?: 'above' | 'below';\n}\n\nexport interface EuiOverlayMaskSignature {\n  Element: HTMLDivElement;\n  Args: EuiOverlayMaskArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiOverlayMaskComponent extends Component<EuiOverlayMaskSignature> {\n  @tracked overlayMaskNode: HTMLDivElement | undefined;\n\n  destinationElement = document.body;\n\n  @action\n  onClick(e: MouseEvent) {\n    if (e.target === this.overlayMaskNode) {\n      this.args.onClick?.(e);\n    }\n  }\n\n  @action\n  setOverlayMaskNode(node: HTMLDivElement) {\n    this.overlayMaskNode = node;\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.overlayMaskNode = undefined;\n  }\n\n  <template>\n    {{(setBodyClass \"euiBody-hasOverlayMask\")}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div\n        class={{classNames\n          \"euiOverlayMask\"\n          (unless\n            (eq @headerZindexLocation \"below\")\n            \"euiOverlayMask--aboveHeader\"\n            \"euiOverlayMask--belowHeader\"\n          )\n        }}\n        {{didInsert this.setOverlayMaskNode}}\n        {{! template-lint-disable }}\n        {{on \"click\" this.onClick}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/in-element}}\n  </template>\n}\n"],"names":["EuiOverlayMaskComponent","Component","g","prototype","tracked","i","void 0","destinationElement","document","body","onClick","e","target","overlayMaskNode","args","n","action","setOverlayMaskNode","node","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","setBodyClass","classNames","eq","didInsert","on"],"mappings":";;;;;;;;;;;;AAwBe,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,iBAAA,EAAA,CAC5DC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAAC,MAAA;EAEDC,kBAAqB,GAAAC,QAAA,CAASC,IAAI;EAGlCC,OAAQA,CAAAC,CAAa,EAAE;AACrB,IAAA,IAAIA,EAAEC,MAAM,KAAK,IAAI,CAACC,eAAe,EAAE;AACrC,MAAA,IAAI,CAACC,IAAI,CAACJ,OAAO,GAAGC,CAAA,CAAA;AACtB;AACF;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,SAAA,EAAA,CALCa,MAAA,CAAA,CAAA;AAAA;EAQDC,kBAAmBA,CAAAC,IAAoB,EAAE;IACvC,IAAI,CAACL,eAAe,GAAGK,IAAA;AACzB;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,oBAAA,EAAA,CAHCa,MAAA,CAAA,CAAA;AAAA;AAKDG,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACN,eAAe,GAAGO,SAAA;AACzB;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAoBA,ocAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-overlay-mask.js","sources":["../../src/components/eui-overlay-mask.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport setBodyClass from '../-private/set-body-class.ts';\nimport classNames from '../helpers/class-names.ts';\n\ninterface EuiOverlayMaskArgs {\n  onClick?: (e: Event) => void;\n  headerZindexLocation?: 'above' | 'below';\n}\n\nexport interface EuiOverlayMaskSignature {\n  Element: HTMLDivElement;\n  Args: EuiOverlayMaskArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiOverlayMaskComponent extends Component<EuiOverlayMaskSignature> {\n  @tracked overlayMaskNode: HTMLDivElement | undefined;\n\n  destinationElement = document.body;\n\n  @action\n  onClick(e: MouseEvent) {\n    if (e.target === this.overlayMaskNode) {\n      this.args.onClick?.(e);\n    }\n  }\n\n  @action\n  setOverlayMaskNode(node: HTMLDivElement) {\n    this.overlayMaskNode = node;\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.overlayMaskNode = undefined;\n  }\n\n  <template>\n    {{(setBodyClass \"euiBody-hasOverlayMask\")}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div\n        class={{classNames\n          \"euiOverlayMask\"\n          (unless\n            (eq @headerZindexLocation \"below\")\n            \"euiOverlayMask--aboveHeader\"\n            \"euiOverlayMask--belowHeader\"\n          )\n        }}\n        {{didInsert this.setOverlayMaskNode}}\n        {{! template-lint-disable }}\n        {{on \"click\" this.onClick}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/in-element}}\n  </template>\n}\n"],"names":["EuiOverlayMaskComponent","Component","g","prototype","tracked","i","destinationElement","document","body","onClick","e","target","overlayMaskNode","args","n","action","setOverlayMaskNode","node","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","setBodyClass","classNames","eq","didInsert","on"],"mappings":";;;;;;;;;;;;AAwBe,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,iBAAA,EAAA,CAC5DC,OAAA,CAAA,CAAA;AAAA;EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAA,MAAA;EAEDC,kBAAqB,GAAAC,QAAA,CAASC,IAAI;EAGlCC,OAAQA,CAAAC,CAAa,EAAE;AACrB,IAAA,IAAIA,EAAEC,MAAM,KAAK,IAAI,CAACC,eAAe,EAAE;AACrC,MAAA,IAAI,CAACC,IAAI,CAACJ,OAAO,GAAGC,CAAA,CAAA;AACtB;AACF;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAX,SAAA,EAAA,SAAA,EAAA,CALCY,MAAA,CAAA,CAAA;AAAA;EAQDC,kBAAmBA,CAAAC,IAAoB,EAAE;IACvC,IAAI,CAACL,eAAe,GAAGK,IAAA;AACzB;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAX,SAAA,EAAA,oBAAA,EAAA,CAHCY,MAAA,CAAA,CAAA;AAAA;AAKDG,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACN,eAAe,GAAGO,SAAA;AACzB;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAoBA,saAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;sBAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -10,7 +10,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiPageBody = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @restrictWidth false) (argOrDefault @tagName \"div\") (argOrDefault @borderRadius \"none\") (argOrDefault @paddingSize (if @panelled \"l\" \"none\")) as |restrictWidth tagName borderRadius paddingSize|}}\n\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      {{#if @panelled}}\n        <EuiPanel class={{classNames (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\") (if styling.widthClassName (concat \"euiPageBody--\" styling.widthClassName)) componentName=\"EuiPageBody\" paddingSize=@paddingSize}} @paddingSize={{paddingSize}} @borderRadius={{borderRadius}} @color={{@color}} @hasBorder={{@hasBorder}} @hasShadow={{@hasShadow}} {{style styling.newStyle}} ...attributes>\n          {{yield}}\n        </EuiPanel>\n      {{else}}\n        {{#let (element tagName) as |Tag|}}\n          <Tag class={{classNames (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\") (if styling.widthClassName (concat \"euiPageBody--\" styling.widthClassName)) componentName=\"EuiPageBody\" paddingSize=@paddingSize}} {{style styling.newStyle}} {{!--@glint-expect-error--}} ...attributes>\n            {{yield}}\n          </Tag>\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  {{/let}}\n", {
+const EuiPageBody = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @restrictWidth false) (argOrDefault @tagName \"div\") (argOrDefault @borderRadius \"none\") (argOrDefault @paddingSize (if @panelled \"l\" \"none\")) as |restrictWidth tagName borderRadius paddingSize|}}\n\n  {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n    {{#if @panelled}}\n      <EuiPanel class={{classNames (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\") (if styling.widthClassName (concat \"euiPageBody--\" styling.widthClassName)) componentName=\"EuiPageBody\" paddingSize=@paddingSize}} @paddingSize={{paddingSize}} @borderRadius={{borderRadius}} @color={{@color}} @hasBorder={{@hasBorder}} @hasShadow={{@hasShadow}} {{style styling.newStyle}} ...attributes>\n        {{yield}}\n      </EuiPanel>\n    {{else}}\n      {{#let (element tagName) as |Tag|}}\n        <Tag class={{classNames (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\") (if styling.widthClassName (concat \"euiPageBody--\" styling.widthClassName)) componentName=\"EuiPageBody\" paddingSize=@paddingSize}} {{style styling.newStyle}} {{!--@glint-expect-error--}} ...attributes>\n          {{yield}}\n        </Tag>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-body.js","sources":["../../src/components/eui-page-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport EuiPanel from './eui-panel.gts';\n\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageBodySignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    restrictWidth?: boolean;\n    tagName?: string;\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    panelled?: boolean;\n    color?: 'subdued' | 'transparent';\n    hasBorder?: boolean;\n    hasShadow?: boolean;\n    style?: Record<string, string>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageBody: TemplateOnlyComponent<EuiPageBodySignature> = <template>\n  {{#let\n    (argOrDefault @restrictWidth false)\n    (argOrDefault @tagName \"div\")\n    (argOrDefault @borderRadius \"none\")\n    (argOrDefault @paddingSize (if @panelled \"l\" \"none\"))\n    as |restrictWidth tagName borderRadius paddingSize|\n  }}\n\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      {{#if @panelled}}\n        <EuiPanel\n          class={{classNames\n            (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n            (if\n              styling.widthClassName\n              (concat \"euiPageBody--\" styling.widthClassName)\n            )\n            componentName=\"EuiPageBody\"\n            paddingSize=@paddingSize\n          }}\n          @paddingSize={{paddingSize}}\n          @borderRadius={{borderRadius}}\n          @color={{@color}}\n          @hasBorder={{@hasBorder}}\n          @hasShadow={{@hasShadow}}\n          {{style styling.newStyle}}\n          ...attributes\n        >\n          {{yield}}\n        </EuiPanel>\n      {{else}}\n        {{#let (element tagName) as |Tag|}}\n          <Tag\n            class={{classNames\n              (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n              (if\n                styling.widthClassName\n                (concat \"euiPageBody--\" styling.widthClassName)\n              )\n              componentName=\"EuiPageBody\"\n              paddingSize=@paddingSize\n            }}\n            {{style styling.newStyle}}\n            {{!@glint-expect-error}}\n            ...attributes\n          >\n            {{yield}}\n          </Tag>\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPageBody;\n"],"names":["EuiPageBody","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","euiPageRestrictWidth","EuiPanel","classNames","eq","concat","style","element","templateOnly"],"mappings":";;;;;;;;;;;;AAgCA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAqDjE,muCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-body.js","sources":["../../src/components/eui-page-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport EuiPanel from './eui-panel.gts';\n\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageBodySignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    restrictWidth?: boolean;\n    tagName?: string;\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    panelled?: boolean;\n    color?: 'subdued' | 'transparent';\n    hasBorder?: boolean;\n    hasShadow?: boolean;\n    style?: Record<string, string>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageBody: TemplateOnlyComponent<EuiPageBodySignature> = <template>\n  {{#let\n    (argOrDefault @restrictWidth false)\n    (argOrDefault @tagName \"div\")\n    (argOrDefault @borderRadius \"none\")\n    (argOrDefault @paddingSize (if @panelled \"l\" \"none\"))\n    as |restrictWidth tagName borderRadius paddingSize|\n  }}\n\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      {{#if @panelled}}\n        <EuiPanel\n          class={{classNames\n            (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n            (if\n              styling.widthClassName\n              (concat \"euiPageBody--\" styling.widthClassName)\n            )\n            componentName=\"EuiPageBody\"\n            paddingSize=@paddingSize\n          }}\n          @paddingSize={{paddingSize}}\n          @borderRadius={{borderRadius}}\n          @color={{@color}}\n          @hasBorder={{@hasBorder}}\n          @hasShadow={{@hasShadow}}\n          {{style styling.newStyle}}\n          ...attributes\n        >\n          {{yield}}\n        </EuiPanel>\n      {{else}}\n        {{#let (element tagName) as |Tag|}}\n          <Tag\n            class={{classNames\n              (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n              (if\n                styling.widthClassName\n                (concat \"euiPageBody--\" styling.widthClassName)\n              )\n              componentName=\"EuiPageBody\"\n              paddingSize=@paddingSize\n            }}\n            {{style styling.newStyle}}\n            {{!@glint-expect-error}}\n            ...attributes\n          >\n            {{yield}}\n          </Tag>\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPageBody;\n"],"names":["EuiPageBody","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","euiPageRestrictWidth","EuiPanel","classNames","eq","concat","style","element","templateOnly"],"mappings":";;;;;;;;;;;;AAgCA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAqDjE,isCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-page-content-body.js

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiPageContentBody = setComponentTemplate(precompileTemplate("\n    {{#let (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style) as |styling|}}\n      <div class={{classNames (concat \"euiPage--\" styling.widthClassName) componentName=\"EuiPageContentBody\" paddingSize=@paddingSize}} {{style styling.newStyle}} ...attributes>\n        {{yield}}\n      </div>\n    {{/let}}\n  ", {
+const EuiPageContentBody = setComponentTemplate(precompileTemplate("{{#let (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style) as |styling|}}\n  <div class={{classNames (if styling.widthClassName (concat \"euiPage--\" styling.widthClassName)) componentName=\"EuiPageContentBody\" paddingSize=@paddingSize}} {{style styling.newStyle}} ...attributes>\n    {{yield}}\n  </div>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     euiPageRestrictWidth,

package/dist/components/eui-page-content-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-content-body.js","sources":["../../src/components/eui-page-content-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-content-body.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentBodySignature {\n  Element: HTMLDivElement;\n  Args: {\n    restrictWidth?: boolean;\n    paddingSize?: keyof typeof paddingSizeMapping;\n    style?: {\n      [key: string]: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContentBody: TemplateOnlyComponent<EuiPageContentBodySignature> =\n  <template>\n    {{#let\n      (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style)\n      as |styling|\n    }}\n      <div\n        class={{classNames\n          (concat \"euiPage--\" styling.widthClassName)\n          componentName=\"EuiPageContentBody\"\n          paddingSize=@paddingSize\n        }}\n        {{style styling.newStyle}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiPageContentBody;\n"],"names":["EuiPageContentBody","setComponentTemplate","precompileTemplate","strictMode","scope","euiPageRestrictWidth","argOrDefault","classNames","concat","style","templateOnly"],"mappings":";;;;;;;;;AAyBA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,yUAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,oBAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-content-body.js","sources":["../../src/components/eui-page-content-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-content-body.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentBodySignature {\n  Element: HTMLDivElement;\n  Args: {\n    restrictWidth?: boolean;\n    paddingSize?: keyof typeof paddingSizeMapping;\n    style?: {\n      [key: string]: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContentBody: TemplateOnlyComponent<EuiPageContentBodySignature> =\n  <template>\n    {{#let\n      (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style)\n      as |styling|\n    }}\n      <div\n        class={{classNames\n          (if styling.widthClassName (concat \"euiPage--\" styling.widthClassName))\n          componentName=\"EuiPageContentBody\"\n          paddingSize=@paddingSize\n        }}\n        {{style styling.newStyle}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiPageContentBody;\n"],"names":["EuiPageContentBody","setComponentTemplate","precompileTemplate","strictMode","scope","euiPageRestrictWidth","argOrDefault","classNames","concat","style","templateOnly"],"mappings":";;;;;;;;;AAyBA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,2UAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,oBAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-page-content-header-section.js

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiPageContentHeaderSection = setComponentTemplate(precompileTemplate("\n    <div class=\"euiPageContentHeaderSection\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiPageContentHeaderSection = setComponentTemplate(precompileTemplate("<div class=\"euiPageContentHeaderSection\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());
 

package/dist/components/eui-page-content-header-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-content-header-section.js","sources":["../../src/components/eui-page-content-header-section.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentHeaderSectionSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContentHeaderSection: TemplateOnlyComponent<EuiPageContentHeaderSectionSignature> =\n  <template>\n    <div class=\"euiPageContentHeaderSection\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageContentHeaderSection;\n"],"names":["EuiPageContentHeaderSection","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,2BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,kGAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-content-header-section.js","sources":["../../src/components/eui-page-content-header-section.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentHeaderSectionSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContentHeaderSection: TemplateOnlyComponent<EuiPageContentHeaderSectionSignature> =\n  <template>\n    <div class=\"euiPageContentHeaderSection\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageContentHeaderSection;\n"],"names":["EuiPageContentHeaderSection","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,2BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,gFAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-page-content-header.js

@@ -3,7 +3,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiPageContentHeader = setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiPageContentHeader\" (if @responsive \"euiPageContentHeader--responsive\")}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiPageContentHeader = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiPageContentHeader\" (if @responsive \"euiPageContentHeader--responsive\")}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames

package/dist/components/eui-page-content-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-content-header.js","sources":["../../src/components/eui-page-content-header.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    responsive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContentHeader: TemplateOnlyComponent<EuiPageContentHeaderSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiPageContentHeader\"\n        (if @responsive \"euiPageContentHeader--responsive\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageContentHeader;\n"],"names":["EuiPageContentHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAcA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,gKAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-content-header.js","sources":["../../src/components/eui-page-content-header.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    responsive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContentHeader: TemplateOnlyComponent<EuiPageContentHeaderSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiPageContentHeader\"\n        (if @responsive \"euiPageContentHeader--responsive\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageContentHeader;\n"],"names":["EuiPageContentHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAcA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,8IAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-page-content.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiPageContent = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @role \"main\") as |role|}}\n      <EuiPanel role={{if (eq role null) undefined role}} class={{classNames (if (eq @borderRadius \"none\") \"euiPageContent--borderRadiusNone\") componentName=\"EuiPageContent\" verticalPosition=@verticalPosition horizontalPosition=@horizontalPosition}} @hasShadow={{@hasShadow}} @hasBorder={{@hasBorder}} @paddingSize={{argOrDefault @paddingSize \"l\"}} @borderRadius={{@borderRadius}} @color={{@color}} @grow={{@grow}} ...attributes>\n        {{yield}}\n      </EuiPanel>\n    {{/let}}\n  ", {
+const EuiPageContent = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @role \"main\") as |role|}}\n  <EuiPanel role={{if (eq role null) undefined role}} class={{classNames (if (eq @borderRadius \"none\") \"euiPageContent--borderRadiusNone\") componentName=\"EuiPageContent\" verticalPosition=@verticalPosition horizontalPosition=@horizontalPosition}} @hasShadow={{@hasShadow}} @hasBorder={{@hasBorder}} @paddingSize={{argOrDefault @paddingSize \"l\"}} @borderRadius={{@borderRadius}} @color={{@color}} @grow={{@grow}} ...attributes>\n    {{yield}}\n  </EuiPanel>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,