@ember-eui/core 13.0.5 → 14.1.0

package/dist/components/eui-form-row.js

@@ -3,6 +3,7 @@ import { fn, array } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { gt, or, not, eq, and } from 'ember-truth-helpers';
 import isArray from 'ember-truth-helpers/helpers/is-array';
+import linkFormRowControl from '../-private/link-form-row-control.js';
 import randomId from '../-private/random-id.js';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
@@ -18,7 +19,7 @@ function startsWith([needle, word]) {
   return word?.startsWith(needle) || false;
 }
 const startWith = helper(startsWith);
-const EuiFormRow = setComponentTemplate(precompileTemplate("\n  {{#let (classNames \"euiFormRow\" (if @hasEmptyLabelSpace \"euiFormRow--hasEmptyLabelSpace\") (if @fullWidth \"euiFormRow--fullWidth\") componentName=\"EuiFormRow\" display=@display) (classNames \"euiFormRow__fieldWrapper\" (if (startWith \"center\" @display) \"euiFormRow__fieldWrapperDisplayOnly\")) (if (isArray @error) @error (array @error)) (and @label (eq @labelType \"legend\")) (useState false) (argOrDefault @id (randomId)) (argOrDefault @hasChildLabel true) (and (not (argOrDefault @isFakeLabelBlock false)) (has-block \"label\")) (and (not (argOrDefault @isFakeHelpTextBlock false)) (has-block \"helpText\")) as |classes fieldWrapperClasses errors isLegend focusedState rowId hasChildLabel hasLabelBlock hasHelpTextBlock|}}\n    {{#if (eq @legendType \"legend\")}}\n      <fieldset class={{classes}} id=\"{{rowId}}-row\" ...attributes>\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{@isInvalid}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{@isInvalid}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{@isInvalid}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{@isInvalid}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div class={{fieldWrapperClasses}} {{on \"focusin\" (fn focusedState.setState true)}} {{on \"focusout\" (fn focusedState.setState false)}}>\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if (or (and (has-block \"errors\") @isInvalid) (and (gt errors.length 0) @isInvalid))}}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                  {{!--@glint-ignore--}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                  {{!--@glint-ignore--}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield @helpText to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{@helpText}}\n              </EuiFormHelpText>\n            {{/if}}\n          {{/if}}\n        </div>\n      </fieldset>\n    {{else}}\n      <div class={{classes}} id=\"{{rowId}}-row\" ...attributes>\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{@isInvalid}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{@isInvalid}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{@isInvalid}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{@isInvalid}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div class={{fieldWrapperClasses}} {{on \"focusin\" (fn focusedState.setState true)}} {{on \"focusout\" (fn focusedState.setState false)}}>\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if (or (and (has-block \"errors\") @isInvalid) (and (gt errors.length 0) @isInvalid))}}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                  {{!--@glint-ignore--}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                  {{!--@glint-ignore--}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              {{#let (if (isArray @helpText) @helpText (array @helpText)) as |helpTexts|}}\n                {{#each helpTexts as |helpText i|}}\n                  <EuiFormHelpText id=\"{{rowId}}-help-{{i}}\" class={{@helpTextClasses}}>\n                    {{helpText}}\n                  </EuiFormHelpText>\n                {{/each}}\n              {{/let}}\n            {{/if}}\n          {{/if}}\n        </div>\n      </div>\n    {{/if}}\n  {{/let}}\n", {
+const EuiFormRow = setComponentTemplate(precompileTemplate("{{#let (classNames \"euiFormRow\" (if @hasEmptyLabelSpace \"euiFormRow--hasEmptyLabelSpace\") (if @fullWidth \"euiFormRow--fullWidth\") componentName=\"EuiFormRow\" display=@display) (classNames \"euiFormRow__fieldWrapper\" (if (startWith \"center\" @display) \"euiFormRow__fieldWrapperDisplayOnly\")) (if (isArray @error) @error (array @error)) (and @label (eq @labelType \"legend\")) (useState false) (argOrDefault @id (randomId)) (argOrDefault @hasChildLabel true) (and (not (argOrDefault @isFakeLabelBlock false)) (has-block \"label\")) (and (not (argOrDefault @isFakeHelpTextBlock false)) (has-block \"helpText\")) as |classes fieldWrapperClasses errors isLegend focusedState rowId hasChildLabel hasLabelBlock hasHelpTextBlock|}}\n  {{#if (eq @legendType \"legend\")}}\n    <fieldset class={{classes}} id=\"{{rowId}}-row\" ...attributes {{linkFormRowControl rowId helpText=(or @helpText hasHelpTextBlock) errorCount=(if @isInvalid errors.length 0)}}>\n      {{#if (or @label @labelAppend hasLabelBlock (has-block \"labelAppend\"))}}\n        <div class=\"euiFormRow__labelWrapper\">\n          {{#if isLegend}}\n            {{#if hasLabelBlock}}\n              <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{if @isInvalid \"true\"}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{if @isInvalid \"true\"}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          {{else if hasLabelBlock}}\n            <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{if @isInvalid \"true\"}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n              {{yield @label to=\"label\"}}\n            </EuiFormLabel>\n          {{else}}\n            <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{if @isInvalid \"true\"}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n              {{@label}}\n            </EuiFormLabel>\n          {{/if}}\n          {{#if (has-block \"labelAppend\")}}\n            {{yield to=\"labelAppend\"}}\n          {{else if @labelAppend}}\n            {{@labelAppend}}\n          {{/if}}\n        </div>\n      {{/if}}\n      <div class={{fieldWrapperClasses}} {{on \"focusin\" (fn focusedState.setState true)}} {{on \"focusout\" (fn focusedState.setState false)}}>\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        {{#if (or (and (has-block \"errors\") @isInvalid) (and (gt errors.length 0) @isInvalid))}}\n          {{#if (has-block \"errors\")}}\n            {{#each errors as |error i|}}\n              <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                {{!--@glint-ignore--}}\n                {{yield error to=\"errors\"}}\n              </EuiFormErrorText>\n            {{/each}}\n          {{else}}\n            {{#each errors as |error i|}}\n              <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                {{!--@glint-ignore--}}\n                {{error}}\n              </EuiFormErrorText>\n            {{/each}}\n          {{/if}}\n        {{/if}}\n        {{#if (or @helpText hasHelpTextBlock)}}\n          {{#if hasHelpTextBlock}}\n            <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n              {{yield @helpText to=\"helpText\"}}\n            </EuiFormHelpText>\n          {{else}}\n            <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n              {{@helpText}}\n            </EuiFormHelpText>\n          {{/if}}\n        {{/if}}\n      </div>\n    </fieldset>\n  {{else}}\n    <div class={{classes}} id=\"{{rowId}}-row\" ...attributes {{linkFormRowControl rowId helpText=(or @helpText hasHelpTextBlock) errorCount=(if @isInvalid errors.length 0)}}>\n      {{#if (or @label @labelAppend hasLabelBlock (has-block \"labelAppend\"))}}\n        <div class=\"euiFormRow__labelWrapper\">\n          {{#if isLegend}}\n            {{#if hasLabelBlock}}\n              <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{if @isInvalid \"true\"}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{if @isInvalid \"true\"}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          {{else if hasLabelBlock}}\n            <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{if @isInvalid \"true\"}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n              {{yield @label to=\"label\"}}\n            </EuiFormLabel>\n          {{else}}\n            <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{if @isInvalid \"true\"}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n              {{@label}}\n            </EuiFormLabel>\n          {{/if}}\n          {{#if (has-block \"labelAppend\")}}\n            {{yield to=\"labelAppend\"}}\n          {{else if @labelAppend}}\n            {{@labelAppend}}\n          {{/if}}\n        </div>\n      {{/if}}\n      <div class={{fieldWrapperClasses}} {{on \"focusin\" (fn focusedState.setState true)}} {{on \"focusout\" (fn focusedState.setState false)}}>\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        {{#if (or (and (has-block \"errors\") @isInvalid) (and (gt errors.length 0) @isInvalid))}}\n          {{#if (has-block \"errors\")}}\n            {{#each errors as |error i|}}\n              <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                {{!--@glint-ignore--}}\n                {{yield error to=\"errors\"}}\n              </EuiFormErrorText>\n            {{/each}}\n          {{else}}\n            {{#each errors as |error i|}}\n              <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                {{!--@glint-ignore--}}\n                {{error}}\n              </EuiFormErrorText>\n            {{/each}}\n          {{/if}}\n        {{/if}}\n\n        {{#if (or @helpText hasHelpTextBlock)}}\n          {{#if hasHelpTextBlock}}\n            <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n              {{yield to=\"helpText\"}}\n            </EuiFormHelpText>\n          {{else}}\n            {{#let (if (isArray @helpText) @helpText (array @helpText)) as |helpTexts|}}\n              {{#each helpTexts as |helpText i|}}\n                <EuiFormHelpText id=\"{{rowId}}-help-{{i}}\" class={{@helpTextClasses}}>\n                  {{helpText}}\n                </EuiFormHelpText>\n              {{/each}}\n            {{/let}}\n          {{/if}}\n        {{/if}}\n      </div>\n    </div>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     classNames,
@@ -31,6 +32,7 @@ const EuiFormRow = setComponentTemplate(precompileTemplate("\n  {{#let (classNam
     argOrDefault,
     randomId,
     not,
+    linkFormRowControl,
     or,
     EuiFormLabel,
     on,

package/dist/components/eui-form-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-row.js","sources":["../../src/components/eui-form-row.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { fn } from '@ember/helper';\nimport { array } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { and, eq, gt, not, or } from 'ember-truth-helpers';\nimport isArray from 'ember-truth-helpers/helpers/is-array';\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 EuiFormErrorText from './eui-form-error-text.gts';\nimport EuiFormHelpText from './eui-form-help-text.gts';\nimport EuiFormLabel from './eui-form-label.gts';\n\nimport type { displayMappingToClassMapping } from '../utils/css-mappings/eui-form-row.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormRowSignature {\n  Element: HTMLDivElement | HTMLFieldSetElement;\n  Args: {\n    label?: string;\n    labelAppend?: string;\n    labelType?: 'label' | 'legend';\n    legendType?: 'legend' | 'fieldset';\n    fullWidth?: boolean;\n    isInvalid?: boolean;\n    isDisabled?: boolean;\n    hasEmptyLabelSpace?: boolean;\n    hasChildLabel?: boolean;\n    isFakeLabelBlock?: boolean;\n    isFakeHelpTextBlock?: boolean;\n    helpText?: string;\n    error?: string | string[] | null;\n    errorClasses?: string;\n    helpTextClasses?: string;\n    id?: string;\n    display?: keyof typeof displayMappingToClassMapping;\n    extra?: unknown;\n  };\n  Blocks: {\n    default: [];\n    label: [string?];\n    field: [];\n    errors: [string?];\n    helpText: [string?];\n  };\n}\n\nexport function startsWith(\n  [needle, word]: [string, string | undefined] /*, hash*/\n): boolean {\n  return word?.startsWith(needle) || false;\n}\n\nconst startWith = helper(startsWith);\n\nconst EuiFormRow: TemplateOnlyComponent<EuiFormRowSignature> = <template>\n  {{#let\n    (classNames\n      \"euiFormRow\"\n      (if @hasEmptyLabelSpace \"euiFormRow--hasEmptyLabelSpace\")\n      (if @fullWidth \"euiFormRow--fullWidth\")\n      componentName=\"EuiFormRow\"\n      display=@display\n    )\n    (classNames\n      \"euiFormRow__fieldWrapper\"\n      (if (startWith \"center\" @display) \"euiFormRow__fieldWrapperDisplayOnly\")\n    )\n    (if (isArray @error) @error (array @error))\n    (and @label (eq @labelType \"legend\"))\n    (useState false)\n    (argOrDefault @id (randomId))\n    (argOrDefault @hasChildLabel true)\n    (and (not (argOrDefault @isFakeLabelBlock false)) (has-block \"label\"))\n    (and (not (argOrDefault @isFakeHelpTextBlock false)) (has-block \"helpText\"))\n    as |classes fieldWrapperClasses errors isLegend focusedState rowId hasChildLabel hasLabelBlock hasHelpTextBlock|\n  }}\n    {{#if (eq @legendType \"legend\")}}\n      <fieldset class={{classes}} id=\"{{rowId}}-row\" ...attributes>\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{@isInvalid}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{@isInvalid}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{@isInvalid}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{@isInvalid}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div\n          class={{fieldWrapperClasses}}\n          {{on \"focusin\" (fn focusedState.setState true)}}\n          {{on \"focusout\" (fn focusedState.setState false)}}\n        >\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if\n            (or\n              (and (has-block \"errors\") @isInvalid)\n              (and (gt errors.length 0) @isInvalid)\n            )\n          }}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield @helpText to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{@helpText}}\n              </EuiFormHelpText>\n            {{/if}}\n          {{/if}}\n        </div>\n      </fieldset>\n    {{else}}\n      <div class={{classes}} id=\"{{rowId}}-row\" ...attributes>\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{@isInvalid}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{@isInvalid}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{@isInvalid}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{@isInvalid}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div\n          class={{fieldWrapperClasses}}\n          {{on \"focusin\" (fn focusedState.setState true)}}\n          {{on \"focusout\" (fn focusedState.setState false)}}\n        >\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if\n            (or\n              (and (has-block \"errors\") @isInvalid)\n              (and (gt errors.length 0) @isInvalid)\n            )\n          }}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              {{#let\n                (if (isArray @helpText) @helpText (array @helpText))\n                as |helpTexts|\n              }}\n                {{#each helpTexts as |helpText i|}}\n                  <EuiFormHelpText\n                    id=\"{{rowId}}-help-{{i}}\"\n                    class={{@helpTextClasses}}\n                  >\n                    {{helpText}}\n                  </EuiFormHelpText>\n                {{/each}}\n              {{/let}}\n            {{/if}}\n          {{/if}}\n        </div>\n      </div>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFormRow;\n"],"names":["startsWith","needle","word","startWith","helper","EuiFormRow","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","isArray","array","and","eq","useState","argOrDefault","randomId","not","or","EuiFormLabel","on","fn","gt","EuiFormErrorText","EuiFormHelpText","templateOnly"],"mappings":";;;;;;;;;;;;;;;;AAkDO,SAASA,UAAAA,CACd,CAACC,MAAA,EAAQC,IAAQ,CAA2B,EACpC;AACR,EAAA,OAAOA,IAAA,EAAMF,WAAWC,MAAW,CAAA,IAAA,KAAA;AACrC;AAEA,MAAME,YAAYC,MAAO,CAAAJ,UAAA,CAAA;AAEzB,MAAMK,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,CA+P/D,q9NAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAP,SAAA;IAAAQ,OAAA;IAAAC,KAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-row.js","sources":["../../src/components/eui-form-row.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { fn } from '@ember/helper';\nimport { array } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { and, eq, gt, not, or } from 'ember-truth-helpers';\nimport isArray from 'ember-truth-helpers/helpers/is-array';\n\nimport linkFormRowControl from '../-private/link-form-row-control.ts';\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 EuiFormErrorText from './eui-form-error-text.gts';\nimport EuiFormHelpText from './eui-form-help-text.gts';\nimport EuiFormLabel from './eui-form-label.gts';\n\nimport type { displayMappingToClassMapping } from '../utils/css-mappings/eui-form-row.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A form control with its label, help text and errors:\n * `<EuiFormRow @label=\"Name\" @helpText=\"As shown to others\"><EuiFieldText … /></EuiFormRow>`.\n */\nexport interface EuiFormRowSignature {\n  Element: HTMLDivElement | HTMLFieldSetElement;\n  Args: {\n    /**\n     * The control's label. It is linked to the first text-like control in\n     * the row automatically (no need to pass ids around).\n     */\n    label?: string;\n    /**\n     * Text at the end of the label line, e.g. \"Optional\". Use the\n     * `<:labelAppend>` block for markup such as a help link.\n     */\n    labelAppend?: string;\n    /**\n     * `'label'` renders a `<label>`; `'legend'` a `<legend>`, for rows whose\n     * control is a group (radios, checkboxes). Defaults to `'label'`.\n     */\n    labelType?: 'label' | 'legend';\n    /**\n     * `'legend'` renders the row as a `<fieldset>` (use it with\n     * `@labelType=\"legend\"` for groups). Defaults to a `<div>`.\n     */\n    legendType?: 'legend' | 'fieldset';\n    /** Lets the row (and its control) take the container's full width. */\n    fullWidth?: boolean;\n    /** Shows `@error` under the control and styles the label as invalid. */\n    isInvalid?: boolean;\n    /** Disables the label's focus styling. */\n    isDisabled?: boolean;\n    /**\n     * Adds space above the control as if it had a label, to align it with\n     * labelled rows next to it (e.g. a button in an `EuiFlexGroup` of rows).\n     */\n    hasEmptyLabelSpace?: boolean;\n    /**\n     * Link the label to the control. Set `false` when the control has its\n     * own label (e.g. a single checkbox). Defaults to `true`.\n     */\n    hasChildLabel?: boolean;\n    /** @private Ignore the `<:label>` block. */\n    isFakeLabelBlock?: boolean;\n    /** @private Ignore the `<:helpText>` block. */\n    isFakeHelpTextBlock?: boolean;\n    /**\n     * Help text under the control (a string, or an array for several lines).\n     * The control's `aria-describedby` points to it, so screen readers read\n     * it with the control.\n     */\n    helpText?: string;\n    /**\n     * Error message(s) shown under the control while `@isInvalid`; they are\n     * added to the control's `aria-describedby` while shown.\n     */\n    error?: string | string[] | null;\n    /** Extra classes for each error message. */\n    errorClasses?: string;\n    /** Extra classes for the help text. */\n    helpTextClasses?: string;\n    /** Id of the control; the label points to it. Defaults to a random id. */\n    id?: string;\n    /**\n     * Layout: `'row'` (label above), `'rowCompressed'`, `'columnCompressed'`\n     * (label beside, for dense forms), `'columnCompressedSwitch'` (for an\n     * `EuiSwitch`), or `'center'` / `'centerCompressed'` (vertically centers\n     * a control without a label, e.g. a button next to rows).\n     * Defaults to `'row'`.\n     */\n    display?: keyof typeof displayMappingToClassMapping;\n    /** @deprecated Has no effect. */\n    extra?: unknown;\n  };\n  Blocks: {\n    /** The control, e.g. `<EuiFieldText />`. */\n    default: [];\n    /** Custom label content, instead of `@label`; yields `@label`. */\n    label: [string?];\n    /** The control; same as the default block. */\n    field: [];\n    /** Renders each error (while `@isInvalid`); yields the error. */\n    errors: [string?];\n    /** Custom help text, instead of `@helpText`. */\n    helpText: [string?];\n    /** Content at the end of the label line, e.g. a help link. */\n    labelAppend: [];\n  };\n}\n\nexport function startsWith(\n  [needle, word]: [string, string | undefined] /*, hash*/\n): boolean {\n  return word?.startsWith(needle) || false;\n}\n\nconst startWith = helper(startsWith);\n\nconst EuiFormRow: TemplateOnlyComponent<EuiFormRowSignature> = <template>\n  {{#let\n    (classNames\n      \"euiFormRow\"\n      (if @hasEmptyLabelSpace \"euiFormRow--hasEmptyLabelSpace\")\n      (if @fullWidth \"euiFormRow--fullWidth\")\n      componentName=\"EuiFormRow\"\n      display=@display\n    )\n    (classNames\n      \"euiFormRow__fieldWrapper\"\n      (if (startWith \"center\" @display) \"euiFormRow__fieldWrapperDisplayOnly\")\n    )\n    (if (isArray @error) @error (array @error))\n    (and @label (eq @labelType \"legend\"))\n    (useState false)\n    (argOrDefault @id (randomId))\n    (argOrDefault @hasChildLabel true)\n    (and (not (argOrDefault @isFakeLabelBlock false)) (has-block \"label\"))\n    (and (not (argOrDefault @isFakeHelpTextBlock false)) (has-block \"helpText\"))\n    as |classes fieldWrapperClasses errors isLegend focusedState rowId hasChildLabel hasLabelBlock hasHelpTextBlock|\n  }}\n    {{#if (eq @legendType \"legend\")}}\n      <fieldset\n        class={{classes}}\n        id=\"{{rowId}}-row\"\n        ...attributes\n        {{linkFormRowControl\n          rowId\n          helpText=(or @helpText hasHelpTextBlock)\n          errorCount=(if @isInvalid errors.length 0)\n        }}\n      >\n        {{#if (or @label @labelAppend hasLabelBlock (has-block \"labelAppend\"))}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{if @isInvalid \"true\"}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{if @isInvalid \"true\"}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n            {{#if (has-block \"labelAppend\")}}\n              {{yield to=\"labelAppend\"}}\n            {{else if @labelAppend}}\n              {{@labelAppend}}\n            {{/if}}\n          </div>\n        {{/if}}\n        <div\n          class={{fieldWrapperClasses}}\n          {{on \"focusin\" (fn focusedState.setState true)}}\n          {{on \"focusout\" (fn focusedState.setState false)}}\n        >\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if\n            (or\n              (and (has-block \"errors\") @isInvalid)\n              (and (gt errors.length 0) @isInvalid)\n            )\n          }}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield @helpText to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{@helpText}}\n              </EuiFormHelpText>\n            {{/if}}\n          {{/if}}\n        </div>\n      </fieldset>\n    {{else}}\n      <div\n        class={{classes}}\n        id=\"{{rowId}}-row\"\n        ...attributes\n        {{linkFormRowControl\n          rowId\n          helpText=(or @helpText hasHelpTextBlock)\n          errorCount=(if @isInvalid errors.length 0)\n        }}\n      >\n        {{#if (or @label @labelAppend hasLabelBlock (has-block \"labelAppend\"))}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{if @isInvalid \"true\"}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{if @isInvalid \"true\"}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n            {{#if (has-block \"labelAppend\")}}\n              {{yield to=\"labelAppend\"}}\n            {{else if @labelAppend}}\n              {{@labelAppend}}\n            {{/if}}\n          </div>\n        {{/if}}\n        <div\n          class={{fieldWrapperClasses}}\n          {{on \"focusin\" (fn focusedState.setState true)}}\n          {{on \"focusout\" (fn focusedState.setState false)}}\n        >\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if\n            (or\n              (and (has-block \"errors\") @isInvalid)\n              (and (gt errors.length 0) @isInvalid)\n            )\n          }}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              {{#let\n                (if (isArray @helpText) @helpText (array @helpText))\n                as |helpTexts|\n              }}\n                {{#each helpTexts as |helpText i|}}\n                  <EuiFormHelpText\n                    id=\"{{rowId}}-help-{{i}}\"\n                    class={{@helpTextClasses}}\n                  >\n                    {{helpText}}\n                  </EuiFormHelpText>\n                {{/each}}\n              {{/let}}\n            {{/if}}\n          {{/if}}\n        </div>\n      </div>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFormRow;\n"],"names":["startsWith","needle","word","startWith","helper","EuiFormRow","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","isArray","array","and","eq","useState","argOrDefault","randomId","not","linkFormRowControl","or","EuiFormLabel","on","fn","gt","EuiFormErrorText","EuiFormHelpText","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;AA+GO,SAASA,UAAAA,CACd,CAACC,MAAA,EAAQC,IAAA,CAAmC,EACpC;AACR,EAAA,OAAOA,IAAA,EAAMF,WAAWC,MAAA,CAAA,IAAW,KAAA;AACrC;AAEA,MAAME,YAAYC,MAAA,CAAOJ,UAAA,CAAA;AAEzB,MAAMK,UAAkC,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,q6OAAA,EA2R/D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAP,SAAA;IAAAQ,OAAA;IAAAC,KAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,GAAA;IAAAC,kBAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form.js

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiForm = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @invalidCallout \"above\") (if (isArray @error) @error (if @array (array @error))) as |invalidCallout errors|}}\n    {{#if (eq @tagName \"form\")}}\n      <form class=\"euiForm\" ...attributes>\n        {{#if (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)}}\n          <EuiCallOut class=\"euiForm__errors\" role=\"alert\" aria-live=\"assertive\" @title={{argOrDefault @errorTitle \"Please correct the fields\"}} @color=\"danger\">\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!--@glint-expect-error--}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!--@glint-expect-error--}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </form>\n    {{else}}\n      <div class=\"euiForm\" ...attributes>\n        {{#if (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)}}\n          <EuiCallOut class=\"euiForm__errors\" role=\"alert\" aria-live=\"assertive\" @title={{argOrDefault @errorTitle \"Please correct the fields\"}} @color=\"danger\">\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!--@glint-expect-error--}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!--@glint-expect-error--}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </div>\n    {{/if}}\n  {{/let}}\n", {
+const EuiForm = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @invalidCallout \"above\") (if (isArray @error) @error (if @array (array @error))) as |invalidCallout errors|}}\n  {{#if (eq @tagName \"form\")}}\n    <form class=\"euiForm\" ...attributes>\n      {{#if (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)}}\n        <EuiCallOut class=\"euiForm__errors\" role=\"alert\" aria-live=\"assertive\" @title={{argOrDefault @errorTitle \"Please correct the fields\"}} @color=\"danger\">\n          <:body>\n            {{#each errors as |error|}}\n              <li class=\"euiForm__error\">\n                {{#if (has-block \"error\")}}\n                  {{!--@glint-expect-error--}}\n                  {{yield error to=\"error\"}}\n                {{else}}\n                  {{!--@glint-expect-error--}}\n                  {{error}}\n                {{/if}}\n              </li>\n            {{/each}}\n          </:body>\n        </EuiCallOut>\n      {{/if}}\n      {{#if (has-block \"content\")}}\n        {{yield to=\"content\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </form>\n  {{else}}\n    <div class=\"euiForm\" ...attributes>\n      {{#if (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)}}\n        <EuiCallOut class=\"euiForm__errors\" role=\"alert\" aria-live=\"assertive\" @title={{argOrDefault @errorTitle \"Please correct the fields\"}} @color=\"danger\">\n          <:body>\n            {{#each errors as |error|}}\n              <li class=\"euiForm__error\">\n                {{#if (has-block \"error\")}}\n                  {{!--@glint-expect-error--}}\n                  {{yield error to=\"error\"}}\n                {{else}}\n                  {{!--@glint-expect-error--}}\n                  {{error}}\n                {{/if}}\n              </li>\n            {{/each}}\n          </:body>\n        </EuiCallOut>\n      {{/if}}\n      {{#if (has-block \"content\")}}\n        {{yield to=\"content\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </div>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-form.js","sources":["../../src/components/eui-form.gts"],"sourcesContent":["import { array } from '@ember/helper';\n\nimport { and, eq, gt } from 'ember-truth-helpers';\nimport isArray from 'ember-truth-helpers/helpers/is-array';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiCallOut from './eui-call-out.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormSignature {\n  Element: HTMLDivElement | HTMLFormElement;\n  Args: {\n    errorTitle?: string;\n    invalidCallout?: 'above' | 'none';\n    error?: string | string[];\n    isInvalid?: boolean;\n    array?: boolean;\n    tagName?: 'form' | 'div';\n  };\n  Blocks: {\n    default?: [];\n    content?: [];\n    error?: [string];\n  };\n}\n\nconst EuiForm: TemplateOnlyComponent<EuiFormSignature> = <template>\n  {{#let\n    (argOrDefault @invalidCallout \"above\")\n    (if (isArray @error) @error (if @array (array @error)))\n    as |invalidCallout errors|\n  }}\n    {{#if (eq @tagName \"form\")}}\n      <form class=\"euiForm\" ...attributes>\n        {{#if\n          (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)\n        }}\n          <EuiCallOut\n            class=\"euiForm__errors\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n            @title={{argOrDefault @errorTitle \"Please correct the fields\"}}\n            @color=\"danger\"\n          >\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!@glint-expect-error}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!@glint-expect-error}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </form>\n    {{else}}\n      <div class=\"euiForm\" ...attributes>\n        {{#if\n          (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)\n        }}\n          <EuiCallOut\n            class=\"euiForm__errors\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n            @title={{argOrDefault @errorTitle \"Please correct the fields\"}}\n            @color=\"danger\"\n          >\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!@glint-expect-error}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!@glint-expect-error}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </div>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiForm;\n"],"names":["EuiForm","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","isArray","array","eq","and","gt","EuiCallOut","templateOnly"],"mappings":";;;;;;;;;AA2BA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CA0EzD,qlEAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form.js","sources":["../../src/components/eui-form.gts"],"sourcesContent":["import { array } from '@ember/helper';\n\nimport { and, eq, gt } from 'ember-truth-helpers';\nimport isArray from 'ember-truth-helpers/helpers/is-array';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiCallOut from './eui-call-out.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * Wraps a form's rows and shows its errors in a callout. For validation\n * built on it see `@ember-eui/changeset-form` and\n * `@ember-eui/validated-form`.\n */\nexport interface EuiFormSignature {\n  Element: HTMLDivElement | HTMLFormElement;\n  Args: {\n    /** Title of the errors callout. Defaults to \"Please correct the fields\". */\n    errorTitle?: string;\n    /**\n     * `'above'` shows `@error` in a callout above the form while\n     * `@isInvalid`; `'none'` hides it. Defaults to `'above'`.\n     */\n    invalidCallout?: 'above' | 'none';\n    /**\n     * The form's errors, listed in the callout: an array of messages, or a\n     * single message with `@array={{true}}`.\n     */\n    error?: string | string[];\n    /** Shows the errors callout (with `@error`). */\n    isInvalid?: boolean;\n    /** Treats a single string `@error` as a one-item list. */\n    array?: boolean;\n    /**\n     * `'form'` renders a `<form>` (add `{{on \"submit\" …}}`); `'div'` for\n     * forms without native submission. Defaults to `'div'`.\n     */\n    tagName?: 'form' | 'div';\n  };\n  Blocks: {\n    /** The form's content, usually `EuiFormRow`s and a submit button. */\n    default?: [];\n    /** Same as the default block. */\n    content?: [];\n    /** Renders each error in the callout; yields the error. */\n    error?: [string];\n  };\n}\n\nconst EuiForm: TemplateOnlyComponent<EuiFormSignature> = <template>\n  {{#let\n    (argOrDefault @invalidCallout \"above\")\n    (if (isArray @error) @error (if @array (array @error)))\n    as |invalidCallout errors|\n  }}\n    {{#if (eq @tagName \"form\")}}\n      <form class=\"euiForm\" ...attributes>\n        {{#if\n          (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)\n        }}\n          <EuiCallOut\n            class=\"euiForm__errors\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n            @title={{argOrDefault @errorTitle \"Please correct the fields\"}}\n            @color=\"danger\"\n          >\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!@glint-expect-error}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!@glint-expect-error}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </form>\n    {{else}}\n      <div class=\"euiForm\" ...attributes>\n        {{#if\n          (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)\n        }}\n          <EuiCallOut\n            class=\"euiForm__errors\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n            @title={{argOrDefault @errorTitle \"Please correct the fields\"}}\n            @color=\"danger\"\n          >\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!@glint-expect-error}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!@glint-expect-error}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </div>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiForm;\n"],"names":["EuiForm","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","isArray","array","eq","and","gt","EuiCallOut","templateOnly"],"mappings":";;;;;;;;;AAkDA,MAAMA,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,u+DAAA,EA0EzD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-global-toast-list.js

@@ -4,7 +4,8 @@ import { fn, get } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { action } from '@ember/object';
 import didInsert from '@ember/render-modifiers/modifiers/did-insert';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
+import { htmlSafe } from '@ember/template';
 import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -13,12 +14,18 @@ import Timer from '../utils/timer.js';
 import EuiToast from './eui-toast.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 const TOAST_FADE_OUT_MS = 250;
+/**
+ * Renders the toasts of the `euiToaster` service. Place it once in the
+ * application template, then show toasts from anywhere:
+ * `this.euiToaster.show({ title: 'Saved', color: 'success' })`.
+ */
+
 class EuiGlobalToastList extends Component {
   static {
-    g(this.prototype, "euiToaster", [inject]);
+    g(this.prototype, "euiToaster", [service]);
   }
   #euiToaster = (i(this, "euiToaster"), void 0);
   dismissTimeoutIds = [];
@@ -179,8 +186,11 @@ class EuiGlobalToastList extends Component {
     }
     this.listElement = null;
   }
+  get listStyle() {
+    return this.euiToaster.toasts.length ? undefined : htmlSafe('padding:0px;');
+  }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div aria-live=\"polite\" role=\"region\" class={{classNames componentName=\"EuiGlobalToastList\" side=(argOrDefault @side \"right\")}} style={{unless this.euiToaster.toasts.length \"padding:0px;\"}} {{didInsert this.didInsert}} {{on \"scroll\" this.onScroll}} {{on \"mouseenter\" this.onMouseEnter}} {{on \"mouseleave\" this.onMouseLeave}} ...attributes>\n      {{#each this.euiToaster.toasts as |toast|}}\n        <EuiToast class={{classNames \"euiGlobalToastListItem\" (if (get this.toastIdToDismissedMap toast.id) \"euiGlobalToastListItem-isDismissed\")}} @title={{toast.title}} @useMarkdownFormat={{toast.useMarkdownFormat}} @body={{toast.body}} @color={{toast.color}} @iconType={{toast.iconType}} @onClose={{queue (fn this.dismissToast toast) (optional toast.onClose)}} {{didInsert (fn this.didInsertToast toast)}} {{on \"focus\" this.onMouseEnter}} {{on \"blur\" this.onMouseLeave}} />\n      {{/each}}\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div aria-live=\"polite\" role=\"region\" class={{classNames componentName=\"EuiGlobalToastList\" side=(argOrDefault @side \"right\")}} style={{this.listStyle}} {{didInsert this.didInsert}} {{on \"scroll\" this.onScroll}} {{on \"mouseenter\" this.onMouseEnter}} {{on \"mouseleave\" this.onMouseLeave}} ...attributes>\n  {{#each this.euiToaster.toasts as |toast|}}\n    <EuiToast class={{classNames \"euiGlobalToastListItem\" (if (get this.toastIdToDismissedMap toast.id) \"euiGlobalToastListItem-isDismissed\")}} @title={{toast.title}} @useMarkdownFormat={{toast.useMarkdownFormat}} @body={{toast.body}} @color={{toast.color}} @iconType={{toast.iconType}} @onClose={{queue (fn this.dismissToast toast) (optional toast.onClose)}} {{didInsert (fn this.didInsertToast toast)}} {{on \"focus\" this.onMouseEnter}} {{on \"blur\" this.onMouseLeave}} />\n  {{/each}}\n</div>", {
       strictMode: true,
       scope: () => ({
         classNames,

package/dist/components/eui-global-toast-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-global-toast-list.js","sources":["../../src/components/eui-global-toast-list.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { inject as service } from '@ember/service';\nimport type Owner from '@ember/owner';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport Timer from '../utils/timer.ts';\nimport EuiToast from './eui-toast.gts';\n\nimport type EuiToasterService from '../services/eui-toaster';\nimport type {\n  EuiToastProps,\n  EuiToastPropsWithId\n} from '../services/eui-toaster';\nimport type { sideMapping } from '../utils/css-mappings/eui-global-toast-list.ts';\n\ntype EuiToastSide = keyof typeof sideMapping;\n\ntype GlobalToastListArgs = {\n  dismissToast?: (this: EuiGlobalToastList, toast: EuiToastProps) => void;\n  toastLifeTimeMs: number;\n\n  /*\n    Determines which side of the browser window the toasts should appear\n    Default: 'right'\n\n  */\n  side?: EuiToastSide;\n};\n\nconst TOAST_FADE_OUT_MS = 250;\n\nexport interface EuiGlobalToastListItemSignature {\n  Element: HTMLDivElement;\n  Args: GlobalToastListArgs;\n}\n\nexport default class EuiGlobalToastList extends Component<EuiGlobalToastListItemSignature> {\n  @service declare euiToaster: EuiToasterService;\n\n  dismissTimeoutIds: number[] = [];\n  toastIdToTimerMap: { [toastId: string]: Timer } = {};\n\n  isScrollingToBottom = false;\n  isScrolledToBottom = true;\n  isUserInteracting = false;\n\n  // See [Return Value](https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#Return_value)\n  // for information on initial value of 0\n  isScrollingAnimationFrame = 0;\n  startScrollingAnimationFrame = 0;\n\n  listElement: Element | null = null;\n  @tracked toastIdToDismissedMap: {\n    [toastId: string]: boolean;\n  } = {};\n\n  startScrollingToBottom(): void {\n    this.isScrollingToBottom = true;\n\n    const scrollToBottom = () => {\n      // Although we cancel the requestAnimationFrame in componentWillUnmount,\n      // it's possible for this.listElement to become null in the meantime\n      if (!this.listElement) {\n        return;\n      }\n\n      const position = this.listElement.scrollTop;\n      const destination =\n        this.listElement.scrollHeight - this.listElement.clientHeight;\n      const distanceToDestination = destination - position;\n\n      if (distanceToDestination < 5) {\n        this.listElement.scrollTop = destination;\n        this.isScrollingToBottom = false;\n        this.isScrolledToBottom = true;\n\n        return;\n      }\n\n      this.listElement.scrollTop = position + distanceToDestination * 0.25;\n\n      if (this.isScrollingToBottom) {\n        this.isScrollingAnimationFrame =\n          window.requestAnimationFrame(scrollToBottom);\n      }\n    };\n\n    this.startScrollingAnimationFrame =\n      window.requestAnimationFrame(scrollToBottom);\n  }\n\n  @action\n  didInsertToast(toast: EuiToastPropsWithId): void {\n    this.scheduleToastForDismissal(toast);\n\n    if (!this.isUserInteracting) {\n      // If the user has scrolled up the toast list then we don't want to annoy them by scrolling\n      // all the way back to the bottom.\n      if (this.isScrolledToBottom) {\n        this.startScrollingToBottom();\n      }\n    }\n  }\n\n  @action\n  onMouseEnter(): void {\n    // Stop scrolling to bottom if we're in mid-scroll, because the user wants to interact with\n    // the list.\n    this.isScrollingToBottom = false;\n    this.isUserInteracting = true;\n\n    // Don't let toasts dismiss themselves while the user is interacting with them.\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.pause();\n      }\n    }\n  }\n\n  @action\n  onMouseLeave(): void {\n    this.isUserInteracting = false;\n\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.resume();\n      }\n    }\n  }\n\n  @action\n  onScroll(): void {\n    if (this.listElement) {\n      this.isScrolledToBottom =\n        this.listElement.scrollHeight - this.listElement.scrollTop ===\n        this.listElement.clientHeight;\n    }\n  }\n\n  scheduleAllToastsForDismissal(): void {\n    this.euiToaster.toasts.forEach((toast) => {\n      if (!this.toastIdToTimerMap[toast.id]) {\n        this.scheduleToastForDismissal(toast);\n      }\n    });\n  }\n\n  @action\n  scheduleToastForDismissal(toast: EuiToastPropsWithId): void {\n    // Start fading the toast out once its lifetime elapses.\n    this.toastIdToTimerMap[toast.id] = new Timer(\n      this.dismissToast.bind(this, toast),\n      toast.toastLifeTimeMs != null\n        ? toast.toastLifeTimeMs\n        : this.args.toastLifeTimeMs\n    );\n  }\n\n  @action\n  dismissToast(toast: EuiToastPropsWithId): void {\n    // Remove the toast after it's done fading out.\n    this.dismissTimeoutIds.push(\n      window.setTimeout(() => {\n        // Because this is wrapped in a setTimeout, and because React does not guarantee when\n        // state updates happen, it is possible to double-dismiss a toast\n        // including by double-clicking the \"x\" button on the toast\n        // so, first check to make sure we haven't already dismissed this toast\n        if (this.toastIdToTimerMap.hasOwnProperty(toast.id)) {\n          if (this.args.dismissToast) {\n            this.args.dismissToast.apply(this, [toast]);\n          }\n\n          this.toastIdToTimerMap[toast.id]!.clear();\n          delete this.toastIdToTimerMap[toast.id];\n\n          delete this.toastIdToDismissedMap[toast.id];\n          this.toastIdToDismissedMap = {\n            ...this.toastIdToDismissedMap\n          };\n          this.euiToaster.remove(toast);\n        }\n      }, TOAST_FADE_OUT_MS)\n    );\n\n    this.toastIdToDismissedMap = {\n      ...this.toastIdToDismissedMap,\n      [toast.id]: true\n    };\n  }\n\n  constructor(owner: Owner, args: GlobalToastListArgs) {\n    super(owner, args);\n    this.scheduleAllToastsForDismissal();\n  }\n\n  @action\n  didInsert(element: Element): void {\n    this.listElement = element;\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    if (this.isScrollingAnimationFrame !== 0) {\n      window.cancelAnimationFrame(this.isScrollingAnimationFrame);\n    }\n\n    if (this.startScrollingAnimationFrame !== 0) {\n      window.cancelAnimationFrame(this.startScrollingAnimationFrame);\n    }\n\n    this.dismissTimeoutIds.forEach(clearTimeout);\n\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.clear();\n      }\n    }\n\n    this.listElement = null;\n  }\n\n  <template>\n    <div\n      aria-live=\"polite\"\n      role=\"region\"\n      class={{classNames\n        componentName=\"EuiGlobalToastList\"\n        side=(argOrDefault @side \"right\")\n      }}\n      style={{unless this.euiToaster.toasts.length \"padding:0px;\"}}\n      {{didInsert this.didInsert}}\n      {{on \"scroll\" this.onScroll}}\n      {{on \"mouseenter\" this.onMouseEnter}}\n      {{on \"mouseleave\" this.onMouseLeave}}\n      ...attributes\n    >\n      {{#each this.euiToaster.toasts as |toast|}}\n        <EuiToast\n          class={{classNames\n            \"euiGlobalToastListItem\"\n            (if\n              (get this.toastIdToDismissedMap toast.id)\n              \"euiGlobalToastListItem-isDismissed\"\n            )\n          }}\n          @title={{toast.title}}\n          @useMarkdownFormat={{toast.useMarkdownFormat}}\n          @body={{toast.body}}\n          @color={{toast.color}}\n          @iconType={{toast.iconType}}\n          @onClose={{queue\n            (fn this.dismissToast toast)\n            (optional toast.onClose)\n          }}\n          {{didInsert (fn this.didInsertToast toast)}}\n          {{on \"focus\" this.onMouseEnter}}\n          {{on \"blur\" this.onMouseLeave}}\n        />\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["TOAST_FADE_OUT_MS","EuiGlobalToastList","Component","g","prototype","service","i","void 0","dismissTimeoutIds","toastIdToTimerMap","isScrollingToBottom","isScrolledToBottom","isUserInteracting","isScrollingAnimationFrame","startScrollingAnimationFrame","listElement","tracked","startScrollingToBottom","scrollToBottom","position","scrollTop","destination","scrollHeight","clientHeight","distanceToDestination","window","requestAnimationFrame","didInsertToast","toast","scheduleToastForDismissal","n","action","onMouseEnter","toastId","hasOwnProperty","timer","pause","onMouseLeave","resume","onScroll","scheduleAllToastsForDismissal","euiToaster","toasts","forEach","id","Timer","dismissToast","bind","toastLifeTimeMs","args","push","setTimeout","apply","clear","toastIdToDismissedMap","remove","constructor","owner","didInsert","element","willDestroy","cancelAnimationFrame","clearTimeout","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","on","EuiToast","get","queue","fn","optional"],"mappings":";;;;;;;;;;;;;;;;;AAuCA,MAAMA,iBAAoB,GAAA,GAAA;AAOX,MAAMC,2BAA2BC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACvDC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA;AAEDC,EAAAA,iBAAmB,GAAW,EAAE;EAChCC,iBAAA,GAAkD,EAAG;AAErDC,EAAAA,mBAAA,GAAsB,KAAM;AAC5BC,EAAAA,kBAAA,GAAqB,IAAK;AAC1BC,EAAAA,iBAAA,GAAoB,KAAM;AAE1B;AACA;AACAC,EAAAA,yBAAA,GAA4B,CAAE;AAC9BC,EAAAA,4BAAA,GAA+B,CAAE;AAEjCC,EAAAA,WAAa,GAAiB,IAAK;AAAA,EAAA;IAAAZ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,uBAAA,EAAA,CAClCY,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAEG,EAAG;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,sBAAA,IAAAV,CAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAAC,MAAA;AAEPU,EAAAA,sBAAAA,GAA+B;IAC7B,IAAI,CAACP,mBAAmB,GAAG,IAAA;IAE3B,MAAMQ,cAAiB,GAAAA,MAAA;AACrB;AACA;AACA,MAAA,IAAI,CAAC,IAAI,CAACH,WAAW,EAAE;AACrB,QAAA;AACF;AAEA,MAAA,MAAMI,QAAW,GAAA,IAAI,CAACJ,WAAW,CAACK,SAAS;AAC3C,MAAA,MAAMC,WAAA,GACJ,IAAI,CAACN,WAAW,CAACO,YAAY,GAAG,IAAI,CAACP,WAAW,CAACQ,YAAY;AAC/D,MAAA,MAAMC,wBAAwBH,WAAc,GAAAF,QAAA;MAE5C,IAAIK,wBAAwB,CAAG,EAAA;AAC7B,QAAA,IAAI,CAACT,WAAW,CAACK,SAAS,GAAGC,WAAA;QAC7B,IAAI,CAACX,mBAAmB,GAAG,KAAA;QAC3B,IAAI,CAACC,kBAAkB,GAAG,IAAA;AAE1B,QAAA;AACF;MAEA,IAAI,CAACI,WAAW,CAACK,SAAS,GAAGD,WAAWK,qBAAwB,GAAA,IAAA;MAEhE,IAAI,IAAI,CAACd,mBAAmB,EAAE;QAC5B,IAAI,CAACG,yBAAyB,GAC5BY,MAAA,CAAOC,qBAAqB,CAACR,cAAA,CAAA;AACjC;KACF;IAEA,IAAI,CAACJ,4BAA4B,GAC/BW,MAAA,CAAOC,qBAAqB,CAACR,cAAA,CAAA;AACjC;EAGAS,cAAAA,CAAeC,KAA0B,EAAQ;AAC/C,IAAA,IAAI,CAACC,yBAAyB,CAACD,KAAA,CAAA;AAE/B,IAAA,IAAI,CAAC,IAAI,CAAChB,iBAAiB,EAAE;AAC3B;AACA;MACA,IAAI,IAAI,CAACD,kBAAkB,EAAE;QAC3B,IAAI,CAACM,sBAAsB,EAAA;AAC7B;AACF;AACF;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,gBAAA,EAAA,CAXC2B,MAAA,CAAA,CAAA;AAAA;AAcDC,EAAAA,YAAAA,GAAqB;AACnB;AACA;IACA,IAAI,CAACtB,mBAAmB,GAAG,KAAA;IAC3B,IAAI,CAACE,iBAAiB,GAAG,IAAA;AAEzB;AACA,IAAA,KAAK,MAAMqB,OAAA,IAAW,IAAI,CAACxB,iBAAiB,EAAE;MAC5C,IAAI,IAAI,CAACA,iBAAiB,CAACyB,cAAc,CAACD,OAAU,CAAA,EAAA;AAClD,QAAA,MAAME,KAAQ,GAAA,IAAI,CAAC1B,iBAAiB,CAACwB,OAAQ,CAAA;QAE7CE,KAAO,EAAAC,KAAA,EAAA;AACT;AACF;AACF;AAAA,EAAA;IAAAN,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,cAAA,EAAA,CAfC2B,MAAA,CAAA,CAAA;AAAA;AAkBDM,EAAAA,YAAAA,GAAqB;IACnB,IAAI,CAACzB,iBAAiB,GAAG,KAAA;AAEzB,IAAA,KAAK,MAAMqB,OAAA,IAAW,IAAI,CAACxB,iBAAiB,EAAE;MAC5C,IAAI,IAAI,CAACA,iBAAiB,CAACyB,cAAc,CAACD,OAAU,CAAA,EAAA;AAClD,QAAA,MAAME,KAAQ,GAAA,IAAI,CAAC1B,iBAAiB,CAACwB,OAAQ,CAAA;QAE7CE,KAAO,EAAAG,MAAA,EAAA;AACT;AACF;AACF;AAAA,EAAA;IAAAR,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,cAAA,EAAA,CAXC2B,MAAA,CAAA,CAAA;AAAA;AAcDQ,EAAAA,QAAAA,GAAiB;IACf,IAAI,IAAI,CAACxB,WAAW,EAAE;AACpB,MAAA,IAAI,CAACJ,kBAAkB,GACrB,IAAI,CAACI,WAAW,CAACO,YAAY,GAAG,IAAI,CAACP,WAAW,CAACK,SAAS,KAC1D,IAAI,CAACL,WAAW,CAACQ,YAAY;AACjC;AACF;AAAA,EAAA;IAAAO,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,UAAA,EAAA,CAPC2B,MAAA,CAAA,CAAA;AAAA;AASDS,EAAAA,6BAAAA,GAAsC;IACpC,IAAI,CAACC,UAAU,CAACC,MAAM,CAACC,OAAO,CAAEf,KAAA,IAAA;MAC9B,IAAI,CAAC,IAAI,CAACnB,iBAAiB,CAACmB,KAAM,CAAAgB,EAAE,CAAC,EAAE;AACrC,QAAA,IAAI,CAACf,yBAAyB,CAACD,KAAA,CAAA;AACjC;AACF,KAAA,CAAA;AACF;EAGAC,yBAAAA,CAA0BD,KAA0B,EAAQ;AAC1D;AACA,IAAA,IAAI,CAACnB,iBAAiB,CAACmB,KAAA,CAAMgB,EAAE,CAAC,GAAG,IAAIC,KACrC,CAAA,IAAI,CAACC,YAAY,CAACC,IAAI,CAAC,IAAI,EAAEnB,KAAA,CAAA,EAC7BA,KAAM,CAAAoB,eAAe,IAAI,IAAA,GACrBpB,KAAM,CAAAoB,eAAe,GACrB,IAAI,CAACC,IAAI,CAACD,eAAe,CAAA;AAEjC;AAAA,EAAA;IAAAlB,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,2BAAA,EAAA,CATC2B,MAAA,CAAA,CAAA;AAAA;EAYDe,YAAAA,CAAalB,KAA0B,EAAQ;AAC7C;IACA,IAAI,CAACpB,iBAAiB,CAAC0C,IAAI,CACzBzB,MAAA,CAAO0B,UAAU,CAAC,MAAA;AAChB;AACA;AACA;AACA;MACA,IAAI,IAAI,CAAC1C,iBAAiB,CAACyB,cAAc,CAACN,KAAA,CAAMgB,EAAE,CAAG,EAAA;AACnD,QAAA,IAAI,IAAI,CAACK,IAAI,CAACH,YAAY,EAAE;AAC1B,UAAA,IAAI,CAACG,IAAI,CAACH,YAAY,CAACM,KAAK,CAAC,IAAI,EAAE,CAACxB,KAAA,CAAM,CAAA;AAC5C;QAEA,IAAI,CAACnB,iBAAiB,CAACmB,MAAMgB,EAAE,CAAC,CAAES,KAAK,EAAA;AACvC,QAAA,OAAO,IAAI,CAAC5C,iBAAiB,CAACmB,KAAA,CAAMgB,EAAE,CAAC;AAEvC,QAAA,OAAO,IAAI,CAACU,qBAAqB,CAAC1B,KAAA,CAAMgB,EAAE,CAAC;QAC3C,IAAI,CAACU,qBAAqB,GAAG;AAC3B,UAAA,GAAG,IAAI,CAACA;SACV;AACA,QAAA,IAAI,CAACb,UAAU,CAACc,MAAM,CAAC3B,KAAA,CAAA;AACzB;KACC,EAAA5B,iBAAA,CAAA,CAAA;IAGL,IAAI,CAACsD,qBAAqB,GAAG;MAC3B,GAAG,IAAI,CAACA,qBAAqB;MAC7B,CAAC1B,KAAA,CAAMgB,EAAE,GAAG;KACd;AACF;AAAA,EAAA;IAAAd,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,cAAA,EAAA,CA9BC2B,MAAA,CAAA,CAAA;AAAA;AAgCDyB,EAAAA,WAAAA,CAAYC,KAAY,EAAER,IAAyB,EAAE;AACnD,IAAA,KAAK,CAACQ,KAAO,EAAAR,IAAA,CAAA;IACb,IAAI,CAACT,6BAA6B,EAAA;AACpC;EAGAkB,SAAAA,CAAUC,OAAgB,EAAQ;IAChC,IAAI,CAAC5C,WAAW,GAAG4C,OAAA;AACrB;AAAA,EAAA;IAAA7B,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,WAAA,EAAA,CAHC2B,MAAA,CAAA,CAAA;AAAA;AAKD6B,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;AAEN,IAAA,IAAI,IAAI,CAAC/C,yBAAyB,KAAK,CAAG,EAAA;AACxCY,MAAAA,MAAA,CAAOoC,oBAAoB,CAAC,IAAI,CAAChD,yBAAyB,CAAA;AAC5D;AAEA,IAAA,IAAI,IAAI,CAACC,4BAA4B,KAAK,CAAG,EAAA;AAC3CW,MAAAA,MAAA,CAAOoC,oBAAoB,CAAC,IAAI,CAAC/C,4BAA4B,CAAA;AAC/D;AAEA,IAAA,IAAI,CAACN,iBAAiB,CAACmC,OAAO,CAACmB,YAAA,CAAA;AAE/B,IAAA,KAAK,MAAM7B,OAAA,IAAW,IAAI,CAACxB,iBAAiB,EAAE;MAC5C,IAAI,IAAI,CAACA,iBAAiB,CAACyB,cAAc,CAACD,OAAU,CAAA,EAAA;AAClD,QAAA,MAAME,KAAQ,GAAA,IAAI,CAAC1B,iBAAiB,CAACwB,OAAQ,CAAA;QAE7CE,KAAO,EAAAkB,KAAA,EAAA;AACT;AACF;IAEA,IAAI,CAACtC,WAAW,GAAG,IAAA;AACrB;AAEA,EAAA;IAAAgD,oBAAA,CAAAC,kBAAA,CAuCA,q6BAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAV,SAAA;QAAAW,EAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,KAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-global-toast-list.js","sources":["../../src/components/eui-global-toast-list.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { service } from '@ember/service';\nimport type Owner from '@ember/owner';\nimport { htmlSafe } from '@ember/template';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport Timer from '../utils/timer.ts';\nimport EuiToast from './eui-toast.gts';\n\nimport type EuiToasterService from '../services/eui-toaster';\nimport type {\n  EuiToastProps,\n  EuiToastPropsWithId\n} from '../services/eui-toaster';\nimport type { sideMapping } from '../utils/css-mappings/eui-global-toast-list.ts';\n\ntype EuiToastSide = keyof typeof sideMapping;\n\ntype GlobalToastListArgs = {\n  /**\n   * Called when a toast is dismissed (its close button or its time ran\n   * out), before it is removed from the `euiToaster` service.\n   */\n  dismissToast?: (this: EuiGlobalToastList, toast: EuiToastProps) => void;\n  /**\n   * How long toasts stay, in ms, unless a toast sets its own\n   * `toastLifeTimeMs`. Hovering the list pauses the timers.\n   */\n  toastLifeTimeMs: number;\n  /**\n   * Which side of the browser window the toasts appear on: `'right'` or\n   * `'left'`. Defaults to `'right'`.\n   */\n  side?: EuiToastSide;\n};\n\nconst TOAST_FADE_OUT_MS = 250;\n\n/**\n * Renders the toasts of the `euiToaster` service. Place it once in the\n * application template, then show toasts from anywhere:\n * `this.euiToaster.show({ title: 'Saved', color: 'success' })`.\n */\nexport interface EuiGlobalToastListItemSignature {\n  Element: HTMLDivElement;\n  Args: GlobalToastListArgs;\n}\n\nexport default class EuiGlobalToastList extends Component<EuiGlobalToastListItemSignature> {\n  @service declare euiToaster: EuiToasterService;\n\n  dismissTimeoutIds: number[] = [];\n  toastIdToTimerMap: { [toastId: string]: Timer } = {};\n\n  isScrollingToBottom = false;\n  isScrolledToBottom = true;\n  isUserInteracting = false;\n\n  // See [Return Value](https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#Return_value)\n  // for information on initial value of 0\n  isScrollingAnimationFrame = 0;\n  startScrollingAnimationFrame = 0;\n\n  listElement: Element | null = null;\n  @tracked toastIdToDismissedMap: {\n    [toastId: string]: boolean;\n  } = {};\n\n  startScrollingToBottom(): void {\n    this.isScrollingToBottom = true;\n\n    const scrollToBottom = () => {\n      // Although we cancel the requestAnimationFrame in componentWillUnmount,\n      // it's possible for this.listElement to become null in the meantime\n      if (!this.listElement) {\n        return;\n      }\n\n      const position = this.listElement.scrollTop;\n      const destination =\n        this.listElement.scrollHeight - this.listElement.clientHeight;\n      const distanceToDestination = destination - position;\n\n      if (distanceToDestination < 5) {\n        this.listElement.scrollTop = destination;\n        this.isScrollingToBottom = false;\n        this.isScrolledToBottom = true;\n\n        return;\n      }\n\n      this.listElement.scrollTop = position + distanceToDestination * 0.25;\n\n      if (this.isScrollingToBottom) {\n        this.isScrollingAnimationFrame =\n          window.requestAnimationFrame(scrollToBottom);\n      }\n    };\n\n    this.startScrollingAnimationFrame =\n      window.requestAnimationFrame(scrollToBottom);\n  }\n\n  @action\n  didInsertToast(toast: EuiToastPropsWithId): void {\n    this.scheduleToastForDismissal(toast);\n\n    if (!this.isUserInteracting) {\n      // If the user has scrolled up the toast list then we don't want to annoy them by scrolling\n      // all the way back to the bottom.\n      if (this.isScrolledToBottom) {\n        this.startScrollingToBottom();\n      }\n    }\n  }\n\n  @action\n  onMouseEnter(): void {\n    // Stop scrolling to bottom if we're in mid-scroll, because the user wants to interact with\n    // the list.\n    this.isScrollingToBottom = false;\n    this.isUserInteracting = true;\n\n    // Don't let toasts dismiss themselves while the user is interacting with them.\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.pause();\n      }\n    }\n  }\n\n  @action\n  onMouseLeave(): void {\n    this.isUserInteracting = false;\n\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.resume();\n      }\n    }\n  }\n\n  @action\n  onScroll(): void {\n    if (this.listElement) {\n      this.isScrolledToBottom =\n        this.listElement.scrollHeight - this.listElement.scrollTop ===\n        this.listElement.clientHeight;\n    }\n  }\n\n  scheduleAllToastsForDismissal(): void {\n    this.euiToaster.toasts.forEach((toast) => {\n      if (!this.toastIdToTimerMap[toast.id]) {\n        this.scheduleToastForDismissal(toast);\n      }\n    });\n  }\n\n  @action\n  scheduleToastForDismissal(toast: EuiToastPropsWithId): void {\n    // Start fading the toast out once its lifetime elapses.\n    this.toastIdToTimerMap[toast.id] = new Timer(\n      this.dismissToast.bind(this, toast),\n      toast.toastLifeTimeMs != null\n        ? toast.toastLifeTimeMs\n        : this.args.toastLifeTimeMs\n    );\n  }\n\n  @action\n  dismissToast(toast: EuiToastPropsWithId): void {\n    // Remove the toast after it's done fading out.\n    this.dismissTimeoutIds.push(\n      window.setTimeout(() => {\n        // Because this is wrapped in a setTimeout, and because React does not guarantee when\n        // state updates happen, it is possible to double-dismiss a toast\n        // including by double-clicking the \"x\" button on the toast\n        // so, first check to make sure we haven't already dismissed this toast\n        if (this.toastIdToTimerMap.hasOwnProperty(toast.id)) {\n          if (this.args.dismissToast) {\n            this.args.dismissToast.apply(this, [toast]);\n          }\n\n          this.toastIdToTimerMap[toast.id]!.clear();\n          delete this.toastIdToTimerMap[toast.id];\n\n          delete this.toastIdToDismissedMap[toast.id];\n          this.toastIdToDismissedMap = {\n            ...this.toastIdToDismissedMap\n          };\n          this.euiToaster.remove(toast);\n        }\n      }, TOAST_FADE_OUT_MS)\n    );\n\n    this.toastIdToDismissedMap = {\n      ...this.toastIdToDismissedMap,\n      [toast.id]: true\n    };\n  }\n\n  constructor(owner: Owner, args: GlobalToastListArgs) {\n    super(owner, args);\n    this.scheduleAllToastsForDismissal();\n  }\n\n  @action\n  didInsert(element: Element): void {\n    this.listElement = element;\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    if (this.isScrollingAnimationFrame !== 0) {\n      window.cancelAnimationFrame(this.isScrollingAnimationFrame);\n    }\n\n    if (this.startScrollingAnimationFrame !== 0) {\n      window.cancelAnimationFrame(this.startScrollingAnimationFrame);\n    }\n\n    this.dismissTimeoutIds.forEach(clearTimeout);\n\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.clear();\n      }\n    }\n\n    this.listElement = null;\n  }\n\n  get listStyle(): ReturnType<typeof htmlSafe> | undefined {\n    return this.euiToaster.toasts.length ? undefined : htmlSafe('padding:0px;');\n  }\n\n  <template>\n    <div\n      aria-live=\"polite\"\n      role=\"region\"\n      class={{classNames\n        componentName=\"EuiGlobalToastList\"\n        side=(argOrDefault @side \"right\")\n      }}\n      style={{this.listStyle}}\n      {{didInsert this.didInsert}}\n      {{on \"scroll\" this.onScroll}}\n      {{on \"mouseenter\" this.onMouseEnter}}\n      {{on \"mouseleave\" this.onMouseLeave}}\n      ...attributes\n    >\n      {{#each this.euiToaster.toasts as |toast|}}\n        <EuiToast\n          class={{classNames\n            \"euiGlobalToastListItem\"\n            (if\n              (get this.toastIdToDismissedMap toast.id)\n              \"euiGlobalToastListItem-isDismissed\"\n            )\n          }}\n          @title={{toast.title}}\n          @useMarkdownFormat={{toast.useMarkdownFormat}}\n          @body={{toast.body}}\n          @color={{toast.color}}\n          @iconType={{toast.iconType}}\n          @onClose={{queue\n            (fn this.dismissToast toast)\n            (optional toast.onClose)\n          }}\n          {{didInsert (fn this.didInsertToast toast)}}\n          {{on \"focus\" this.onMouseEnter}}\n          {{on \"blur\" this.onMouseLeave}}\n        />\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["TOAST_FADE_OUT_MS","EuiGlobalToastList","Component","g","prototype","service","i","dismissTimeoutIds","toastIdToTimerMap","isScrollingToBottom","isScrolledToBottom","isUserInteracting","isScrollingAnimationFrame","startScrollingAnimationFrame","listElement","tracked","startScrollingToBottom","scrollToBottom","position","scrollTop","destination","scrollHeight","clientHeight","distanceToDestination","window","requestAnimationFrame","didInsertToast","toast","scheduleToastForDismissal","n","action","onMouseEnter","toastId","hasOwnProperty","timer","pause","onMouseLeave","resume","onScroll","scheduleAllToastsForDismissal","euiToaster","toasts","forEach","id","Timer","dismissToast","bind","toastLifeTimeMs","args","push","setTimeout","apply","clear","toastIdToDismissedMap","remove","constructor","owner","didInsert","element","willDestroy","cancelAnimationFrame","clearTimeout","listStyle","length","undefined","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","on","EuiToast","get","queue","fn","optional"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderAlert = setComponentTemplate(precompileTemplate("\n    {{#let (randomId) as |ariaId|}}\n      <article aria-labelledby=\"{{ariaId}}-title\" class=\"euiHeaderAlert\" ...attributes>\n        <EuiFlexGroup @justifyContent=\"spaceBetween\">\n          <EuiFlexItem>\n            <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n          </EuiFlexItem>\n          {{#if (has-block \"badge\")}}\n            <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n          {{/if}}\n\n        </EuiFlexGroup>\n\n        <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n          {{yield to=\"title\"}}\n        </h3>\n        <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n        {{#if (has-block \"action\")}}\n          <div class=\"euiHeaderAlert__action euiLink\">{{yield to=\"action\"}}</div>\n        {{/if}}\n      </article>\n    {{/let}}\n  ", {
+const EuiHeaderAlert = setComponentTemplate(precompileTemplate("{{#let (randomId) as |ariaId|}}\n  <article aria-labelledby=\"{{ariaId}}-title\" class=\"euiHeaderAlert\" ...attributes>\n    <EuiFlexGroup @justifyContent=\"spaceBetween\">\n      <EuiFlexItem>\n        <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n      </EuiFlexItem>\n      {{#if (has-block \"badge\")}}\n        <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n      {{/if}}\n\n    </EuiFlexGroup>\n\n    <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n      {{yield to=\"title\"}}\n    </h3>\n    <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n    {{#if (has-block \"action\")}}\n      <div class=\"euiHeaderAlert__action euiLink\">{{yield to=\"action\"}}</div>\n    {{/if}}\n  </article>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     randomId,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-alert.js","sources":["../../src/components/eui-header-alert.gts"],"sourcesContent":["import randomId from '../-private/random-id.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderAlertSignature {\n  Element: HTMLElement;\n  Blocks: {\n    date: [];\n    badge: [];\n    title: [];\n    text: [];\n    action: [];\n  };\n}\n\nconst EuiHeaderAlert: TemplateOnlyComponent<EuiHeaderAlertSignature> =\n  <template>\n    {{#let (randomId) as |ariaId|}}\n      <article\n        aria-labelledby=\"{{ariaId}}-title\"\n        class=\"euiHeaderAlert\"\n        ...attributes\n      >\n        <EuiFlexGroup @justifyContent=\"spaceBetween\">\n          <EuiFlexItem>\n            <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n          </EuiFlexItem>\n          {{#if (has-block \"badge\")}}\n            <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n          {{/if}}\n\n        </EuiFlexGroup>\n\n        <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n          {{yield to=\"title\"}}\n        </h3>\n        <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n        {{#if (has-block \"action\")}}\n          <div class=\"euiHeaderAlert__action euiLink\">{{yield\n              to=\"action\"\n            }}</div>\n        {{/if}}\n      </article>\n    {{/let}}\n  </template>;\n\nexport default EuiHeaderAlert;\n"],"names":["EuiHeaderAlert","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiFlexGroup","EuiFlexItem","templateOnly"],"mappings":";;;;;;;AAiBA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA4BA,y1BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-alert.js","sources":["../../src/components/eui-header-alert.gts"],"sourcesContent":["import randomId from '../-private/random-id.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A news or update item, usually listed in a flyout opened from the header. */\nexport interface EuiHeaderAlertSignature {\n  Element: HTMLElement;\n  Blocks: {\n    /** When it was published. */\n    date: [];\n    /** A badge next to the date, e.g. `<EuiBadge>7.0</EuiBadge>`. */\n    badge: [];\n    /** The title (rendered in an `<h3>` that labels the alert). */\n    title: [];\n    /** The text. */\n    text: [];\n    /** A link to read more. */\n    action: [];\n  };\n}\n\nconst EuiHeaderAlert: TemplateOnlyComponent<EuiHeaderAlertSignature> =\n  <template>\n    {{#let (randomId) as |ariaId|}}\n      <article\n        aria-labelledby=\"{{ariaId}}-title\"\n        class=\"euiHeaderAlert\"\n        ...attributes\n      >\n        <EuiFlexGroup @justifyContent=\"spaceBetween\">\n          <EuiFlexItem>\n            <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n          </EuiFlexItem>\n          {{#if (has-block \"badge\")}}\n            <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n          {{/if}}\n\n        </EuiFlexGroup>\n\n        <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n          {{yield to=\"title\"}}\n        </h3>\n        <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n        {{#if (has-block \"action\")}}\n          <div class=\"euiHeaderAlert__action euiLink\">{{yield\n              to=\"action\"\n            }}</div>\n        {{/if}}\n      </article>\n    {{/let}}\n  </template>;\n\nexport default EuiHeaderAlert;\n"],"names":["EuiHeaderAlert","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiFlexGroup","EuiFlexItem","templateOnly"],"mappings":";;;;;;;AAuBA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,uwBAAA,EA4BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -3,7 +3,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderBreadcrumbs = setComponentTemplate(precompileTemplate("\n    <EuiBreadcrumbs @max={{4}} @truncate={{true}} @breadcrumbs={{@breadcrumbs}} class=\"euiHeaderBreadcrumbs\" ...attributes />\n  ", {
+const EuiHeaderBreadcrumbs = setComponentTemplate(precompileTemplate("<EuiBreadcrumbs @max={{4}} @truncate={{true}} @breadcrumbs={{@breadcrumbs}} class=\"euiHeaderBreadcrumbs\" ...attributes />", {
   strictMode: true,
   scope: () => ({
     EuiBreadcrumbs

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-breadcrumbs.js","sources":["../../src/components/eui-header-breadcrumbs.gts"],"sourcesContent":["import EuiBreadcrumbs from './eui-breadcrumbs.gts';\n\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderBreadcrumbsSignature {\n  Element: EuiBreadcrumbsSignature['Element'];\n  Args: {\n    breadcrumbs: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderBreadcrumbs: TemplateOnlyComponent<EuiHeaderBreadcrumbsSignature> =\n  <template>\n    <EuiBreadcrumbs\n      @max={{4}}\n      @truncate={{true}}\n      @breadcrumbs={{@breadcrumbs}}\n      class=\"euiHeaderBreadcrumbs\"\n      ...attributes\n    />\n  </template>;\n\nexport default EuiHeaderBreadcrumbs;\n"],"names":["EuiHeaderBreadcrumbs","setComponentTemplate","precompileTemplate","strictMode","scope","EuiBreadcrumbs","templateOnly"],"mappings":";;;;;AAeA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAQA,uIAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-breadcrumbs.js","sources":["../../src/components/eui-header-breadcrumbs.gts"],"sourcesContent":["import EuiBreadcrumbs from './eui-breadcrumbs.gts';\n\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** EuiBreadcrumbs styled for the header. */\nexport interface EuiHeaderBreadcrumbsSignature {\n  Element: EuiBreadcrumbsSignature['Element'];\n  Args: {\n    /** The breadcrumbs, see `EuiBreadcrumbs`'s `@breadcrumbs`. */\n    breadcrumbs: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n  };\n  Blocks: {\n    /** Unused. */\n    default: [];\n  };\n}\n\nconst EuiHeaderBreadcrumbs: TemplateOnlyComponent<EuiHeaderBreadcrumbsSignature> =\n  <template>\n    <EuiBreadcrumbs\n      @max={{4}}\n      @truncate={{true}}\n      @breadcrumbs={{@breadcrumbs}}\n      class=\"euiHeaderBreadcrumbs\"\n      ...attributes\n    />\n  </template>;\n\nexport default EuiHeaderBreadcrumbs;\n"],"names":["EuiHeaderBreadcrumbs","setComponentTemplate","precompileTemplate","strictMode","scope","EuiBreadcrumbs","templateOnly"],"mappings":";;;;;AAkBA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,6HAAA,EAQA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderLink = setComponentTemplate(precompileTemplate("\n  <EuiButtonEmpty class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}} @color={{if @isActive \"primary\" \"text\"}} @href={{@href}} @isLoading={{@isLoading}} @isDisabled={{@isDisabled}} @target={{@target}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconClasses={{@iconClasses}} @textClasses={{@textClasses}} ...attributes>\n    {{yield}}\n  </EuiButtonEmpty>\n", {
+const EuiHeaderLink = setComponentTemplate(precompileTemplate("<EuiButtonEmpty class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}} @color={{if @isActive \"primary\" \"text\"}} @href={{@href}} @isLoading={{@isLoading}} @isDisabled={{@isDisabled}} @target={{@target}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconClasses={{@iconClasses}} @textClasses={{@textClasses}} ...attributes>\n  {{yield}}\n</EuiButtonEmpty>", {
   strictMode: true,
   scope: () => ({
     EuiButtonEmpty,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-link.js","sources":["../../src/components/eui-header-link.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLinkSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: EuiButtonEmptySignature['Args'] & {\n    isActive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderLink: TemplateOnlyComponent<EuiHeaderLinkSignature> = <template>\n  <EuiButtonEmpty\n    class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}}\n    @color={{if @isActive \"primary\" \"text\"}}\n    @href={{@href}}\n    @isLoading={{@isLoading}}\n    @isDisabled={{@isDisabled}}\n    @target={{@target}}\n    @iconType={{@iconType}}\n    @iconSide={{@iconSide}}\n    @iconClasses={{@iconClasses}}\n    @textClasses={{@textClasses}}\n    ...attributes\n  >\n    {{yield}}\n  </EuiButtonEmpty>\n</template>;\n\nexport default EuiHeaderLink;\n"],"names":["EuiHeaderLink","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAgBrE,8YAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-link.js","sources":["../../src/components/eui-header-link.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A link in `EuiHeaderLinks`: an `EuiButtonEmpty` (all its args apply)\n * styled for the header.\n */\nexport interface EuiHeaderLinkSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: EuiButtonEmptySignature['Args'] & {\n    /** Highlights the link, e.g. for the current page. */\n    isActive?: boolean;\n  };\n  Blocks: {\n    /** The link's text. */\n    default: [];\n  };\n}\n\nconst EuiHeaderLink: TemplateOnlyComponent<EuiHeaderLinkSignature> = <template>\n  <EuiButtonEmpty\n    class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}}\n    @color={{if @isActive \"primary\" \"text\"}}\n    @href={{@href}}\n    @isLoading={{@isLoading}}\n    @isDisabled={{@isDisabled}}\n    @target={{@target}}\n    @iconType={{@iconType}}\n    @iconSide={{@iconSide}}\n    @iconClasses={{@iconClasses}}\n    @textClasses={{@textClasses}}\n    ...attributes\n  >\n    {{yield}}\n  </EuiButtonEmpty>\n</template>;\n\nexport default EuiHeaderLink;\n"],"names":["EuiHeaderLink","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","templateOnly"],"mappings":";;;;;;AAsBA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,oYAAA,EAgBrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -11,7 +11,7 @@ import EuiPopoverComponent from './eui-popover.js';
 import EuiShowForComponent from './eui-show-for.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 class EuiHeaderLinksComponent extends Component {
   static {
@@ -27,7 +27,7 @@ class EuiHeaderLinksComponent extends Component {
     return this.popoverBreakpoints?.length > 0;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <nav class=\"euiHeaderLinks\">\n      <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n        <div class={{classNames \"euiHeaderLinks__list\" componentName=\"EuiHeaderLinks\" gutterSize=(argOrDefault @gutterSize \"xs\")}}>\n          {{yield}}\n        </div>\n      </EuiHideFor>\n\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n          <EuiPopover @isOpen={{this.pop1}} @anchorPosition=\"downRight\" @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}} @closePopover={{set this \"pop1\" false}}>\n            <:button>\n              <EuiButtonEmpty @color=\"text\" {{on \"click\" (set this \"pop1\" true)}}>\n                <EuiIcon @type=\"apps\" />\n              </EuiButtonEmpty>\n            </:button>\n            <:content>\n              <div class={{classNames \"euiHeaderLinks__mobileList\" componentName=\"EuiHeaderLinks\" mobileGutterSize=(argOrDefault @gutterSize \"xs\")}}>\n                {{yield}}\n              </div>\n            </:content>\n          </EuiPopover>\n        </EuiShowFor>\n      {{/if}}\n    </nav>\n  ", {
+    setComponentTemplate(precompileTemplate("<nav class=\"euiHeaderLinks\">\n  <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n    <div class={{classNames \"euiHeaderLinks__list\" componentName=\"EuiHeaderLinks\" gutterSize=(argOrDefault @gutterSize \"xs\")}}>\n      {{yield}}\n    </div>\n  </EuiHideFor>\n\n  {{#if this.hasMobileVersion}}\n    <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n      <EuiPopover @isOpen={{this.pop1}} @anchorPosition=\"downRight\" @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}} @closePopover={{set this \"pop1\" false}}>\n        <:button>\n          <EuiButtonEmpty @color=\"text\" {{on \"click\" (set this \"pop1\" true)}}>\n            <EuiIcon @type=\"apps\" />\n          </EuiButtonEmpty>\n        </:button>\n        <:content>\n          <div class={{classNames \"euiHeaderLinks__mobileList\" componentName=\"EuiHeaderLinks\" mobileGutterSize=(argOrDefault @gutterSize \"xs\")}}>\n            {{yield}}\n          </div>\n        </:content>\n      </EuiPopover>\n    </EuiShowFor>\n  {{/if}}\n</nav>", {
       strictMode: true,
       scope: () => ({
         EuiHideFor: EuiHideForComponent,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-links.js","sources":["../../src/components/eui-header-links.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { gutterSizeMapping } from '../utils/css-mappings/eui-header-links.ts';\nimport type { EuiHideForSignature } from './eui-hide-for';\nimport type { EuiPopoverSignature } from './eui-popover';\n\nexport interface EuiHeaderLinkSignature {\n  Args: {\n    popoverBreakpoints?: EuiHideForSignature['Args']['sizes'];\n    gutterSize?: keyof typeof gutterSizeMapping;\n    panelPaddingSize?: EuiPopoverSignature['Args']['panelPaddingSize'];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiHeaderLinksComponent extends Component<EuiHeaderLinkSignature> {\n  @tracked pop1 = false;\n\n  get popoverBreakpoints() {\n    return this.args.popoverBreakpoints || ['xs', 's'];\n  }\n\n  get hasMobileVersion() {\n    return this.popoverBreakpoints?.length > 0;\n  }\n\n  <template>\n    <nav class=\"euiHeaderLinks\">\n      <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n        <div\n          class={{classNames\n            \"euiHeaderLinks__list\"\n            componentName=\"EuiHeaderLinks\"\n            gutterSize=(argOrDefault @gutterSize \"xs\")\n          }}\n        >\n          {{yield}}\n        </div>\n      </EuiHideFor>\n\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n          <EuiPopover\n            @isOpen={{this.pop1}}\n            @anchorPosition=\"downRight\"\n            @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}}\n            @closePopover={{set this \"pop1\" false}}\n          >\n            <:button>\n              <EuiButtonEmpty\n                @color=\"text\"\n                {{on \"click\" (set this \"pop1\" true)}}\n              >\n                <EuiIcon @type=\"apps\" />\n              </EuiButtonEmpty>\n            </:button>\n            <:content>\n              <div\n                class={{classNames\n                  \"euiHeaderLinks__mobileList\"\n                  componentName=\"EuiHeaderLinks\"\n                  mobileGutterSize=(argOrDefault @gutterSize \"xs\")\n                }}\n              >\n                {{yield}}\n              </div>\n            </:content>\n          </EuiPopover>\n        </EuiShowFor>\n      {{/if}}\n    </nav>\n  </template>\n}\n"],"names":["EuiHeaderLinksComponent","Component","g","prototype","tracked","i","void 0","popoverBreakpoints","args","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHideFor","classNames","argOrDefault","EuiShowFor","EuiPopover","set","EuiButtonEmpty","on","EuiIcon"],"mappings":";;;;;;;;;;;;;;;AA6Be,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC5DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAe,KAAM;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,MAAA;EAEtB,IAAIC,kBAAqBA,GAAA;IACvB,OAAO,IAAI,CAACC,IAAI,CAACD,kBAAkB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACpD;EAEA,IAAIE,gBAAmBA,GAAA;AACrB,IAAA,OAAO,IAAI,CAACF,kBAAkB,EAAEG,MAAS,GAAA,CAAA;AAC3C;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA6CA,0lCAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;oBAAAC,mBAAA;QAAAC,UAAA;QAAAC,YAAA;oBAAAC,mBAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-header-links.js","sources":["../../src/components/eui-header-links.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { gutterSizeMapping } from '../utils/css-mappings/eui-header-links.ts';\nimport type { EuiHideForSignature } from './eui-hide-for';\nimport type { EuiPopoverSignature } from './eui-popover';\n\n/**\n * A row of `EuiHeaderLink`s that collapses into a popover menu on small\n * screens.\n */\nexport interface EuiHeaderLinkSignature {\n  Args: {\n    /**\n     * Screen sizes showing the links in a popover instead of a row.\n     * Defaults to `['xs', 's']`; pass `[]` to never collapse.\n     */\n    popoverBreakpoints?: EuiHideForSignature['Args']['sizes'];\n    /** Space between links: `'none'`, `'xs'`, `'s'`, `'m'` or `'l'`. Defaults to `'xs'`. */\n    gutterSize?: keyof typeof gutterSizeMapping;\n    /** Padding of the popover. Defaults to `'none'`. */\n    panelPaddingSize?: EuiPopoverSignature['Args']['panelPaddingSize'];\n  };\n  Blocks: {\n    /** The `EuiHeaderLink`s. */\n    default: [];\n  };\n}\n\nexport default class EuiHeaderLinksComponent extends Component<EuiHeaderLinkSignature> {\n  @tracked pop1 = false;\n\n  get popoverBreakpoints() {\n    return this.args.popoverBreakpoints || ['xs', 's'];\n  }\n\n  get hasMobileVersion() {\n    return this.popoverBreakpoints?.length > 0;\n  }\n\n  <template>\n    <nav class=\"euiHeaderLinks\">\n      <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n        <div\n          class={{classNames\n            \"euiHeaderLinks__list\"\n            componentName=\"EuiHeaderLinks\"\n            gutterSize=(argOrDefault @gutterSize \"xs\")\n          }}\n        >\n          {{yield}}\n        </div>\n      </EuiHideFor>\n\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n          <EuiPopover\n            @isOpen={{this.pop1}}\n            @anchorPosition=\"downRight\"\n            @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}}\n            @closePopover={{set this \"pop1\" false}}\n          >\n            <:button>\n              <EuiButtonEmpty\n                @color=\"text\"\n                {{on \"click\" (set this \"pop1\" true)}}\n              >\n                <EuiIcon @type=\"apps\" />\n              </EuiButtonEmpty>\n            </:button>\n            <:content>\n              <div\n                class={{classNames\n                  \"euiHeaderLinks__mobileList\"\n                  componentName=\"EuiHeaderLinks\"\n                  mobileGutterSize=(argOrDefault @gutterSize \"xs\")\n                }}\n              >\n                {{yield}}\n              </div>\n            </:content>\n          </EuiPopover>\n        </EuiShowFor>\n      {{/if}}\n    </nav>\n  </template>\n}\n"],"names":["EuiHeaderLinksComponent","Component","g","prototype","tracked","i","popoverBreakpoints","args","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHideFor","classNames","argOrDefault","EuiShowFor","EuiPopover","set","EuiButtonEmpty","on","EuiIcon"],"mappings":";;;;;;;;;;;;;;;AAwCe,MAAMA,gCAAgCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC5DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAe,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEhB,IAAIC,kBAAAA,GAAqB;IACvB,OAAO,IAAI,CAACC,IAAI,CAACD,kBAAkB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACpD,EAAA;EAEA,IAAIE,gBAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACF,kBAAkB,EAAEG,MAAA,GAAS,CAAA;AAC3C,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,w/BAAA,EA6CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;oBAAAC,mBAAA;QAAAC,UAAA;QAAAC,YAAA;oBAAAC,mBAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderLogo = setComponentTemplate(precompileTemplate("\n  <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n    <EuiIcon aria-label={{@iconTitle}} @iconClasses=\"euiHeaderLogo__icon\" @size=\"l\" @type={{argOrDefault @iconType \"logoElastic\"}} />\n    {{#if (has-block)}}\n      <span class=\"euiHeaderLogo__text\">\n        {{yield}}\n      </span>\n    {{/if}}\n  </a>\n", {
+const EuiHeaderLogo = setComponentTemplate(precompileTemplate("<a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n  <EuiIcon @aria-label={{@iconTitle}} @iconClasses=\"euiHeaderLogo__icon\" @size=\"l\" @type={{argOrDefault @iconType \"logoElastic\"}} />\n  {{#if (has-block)}}\n    <span class=\"euiHeaderLogo__text\">\n      {{yield}}\n    </span>\n  {{/if}}\n</a>", {
   strictMode: true,
   scope: () => ({
     EuiIcon,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.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 EuiHeaderLogoSignature {\n  Element: HTMLAnchorElement;\n  Args: {\n    href?: string;\n    target?: string;\n    iconTitle?: string;\n    iconType?: EuiIconSignature['Args']['type'];\n  }\n  Blocks: {\n    default: []\n  }\n}\n\nconst EuiHeaderLogo: TemplateOnlyComponent<EuiHeaderLogoSignature> = <template>\n  <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n    <EuiIcon\n      aria-label={{@iconTitle}}\n      @iconClasses=\"euiHeaderLogo__icon\"\n      @size=\"l\"\n      @type={{argOrDefault @iconType \"logoElastic\"}}\n    />\n    {{#if (has-block)}}\n      <span class=\"euiHeaderLogo__text\">\n        {{yield}}\n      </span>\n    {{/if}}\n  </a>\n</template>;\n\nexport default EuiHeaderLogo;\n"],"names":["EuiHeaderLogo","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAcrE,4VAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The app's logo (and name) linking home, first in the header. */\nexport interface EuiHeaderLogoSignature {\n  Element: HTMLAnchorElement;\n  Args: {\n    /** Where the logo links to, usually `'/'`. */\n    href?: string;\n    /** `target` of the link. */\n    target?: string;\n    /**\n     * Accessible name of the logo. Needed when there is no text in the\n     * block.\n     */\n    iconTitle?: string;\n    /** The logo, anything `EuiIcon`'s `@type` accepts. Defaults to `'logoElastic'`. */\n    iconType?: EuiIconSignature['Args']['type'];\n  };\n  Blocks: {\n    /** The app's name, next to the logo. */\n    default: [];\n  };\n}\n\nconst EuiHeaderLogo: TemplateOnlyComponent<EuiHeaderLogoSignature> = <template>\n  <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n    <EuiIcon\n      @aria-label={{@iconTitle}}\n      @iconClasses=\"euiHeaderLogo__icon\"\n      @size=\"l\"\n      @type={{argOrDefault @iconType \"logoElastic\"}}\n    />\n    {{#if (has-block)}}\n      <span class=\"euiHeaderLogo__text\">\n        {{yield}}\n      </span>\n    {{/if}}\n  </a>\n</template>;\n\nexport default EuiHeaderLogo;\n"],"names":["EuiHeaderLogo","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;AA4BA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,yUAAA,EAcrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-header-section-item-button.js

@@ -12,7 +12,7 @@ import EuiNotificationBadge from './eui-notification-badge.js';
 import EuiShowForComponent from './eui-show-for.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 const keyframes = [{
   transform: 'rotate(0)',
@@ -111,6 +111,11 @@ const keyframes = [{
   offset: 1,
   easing: 'ease-in-out'
 }];
+/**
+ * An icon button for the header (e.g. help, notifications, user menu),
+ * with an optional notification dot or count. Give it an `aria-label`.
+ */
+
 const sizes = ['xs'];
 class EuiHeaderSectionItemButtonComponent extends Component {
   static {
@@ -141,7 +146,7 @@ class EuiHeaderSectionItemButtonComponent extends Component {
     this.animationTargetRef = undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiButtonEmpty class=\"euiHeaderSectionItemButton\" @isDisabled={{@disabled}} @href={{@href}} @color=\"text\" {{didInsert this.setButtonRef}} {{on \"click\" (optional @onClick)}} ...attributes>\n      <span {{didInsert this.setAnimationTargetRef}} class=\"euiHeaderSectionItemButton__content\">\n        {{yield}}\n      </span>\n      {{#if @notification}}\n        {{#if (eq @notification true)}}\n          <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n        {{else if @notification}}\n          <EuiHideFor @sizes={{sizes}}>\n            <EuiNotificationBadge class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\" @color={{argOrDefault @notificationColor \"accent\"}}>\n              {{@notification}}\n            </EuiNotificationBadge>\n          </EuiHideFor>\n          <EuiShowFor @sizes={{sizes}}>\n            <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n          </EuiShowFor>\n        {{/if}}\n      {{/if}}\n    </EuiButtonEmpty>\n  ", {
+    setComponentTemplate(precompileTemplate("<EuiButtonEmpty class=\"euiHeaderSectionItemButton\" @isDisabled={{@disabled}} @href={{@href}} @color=\"text\" {{didInsert this.setButtonRef}} {{on \"click\" (optional @onClick)}} ...attributes>\n  <span {{didInsert this.setAnimationTargetRef}} class=\"euiHeaderSectionItemButton__content\">\n    {{yield}}\n  </span>\n  {{#if @notification}}\n    {{#if (eq @notification true)}}\n      <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n    {{else if @notification}}\n      <EuiHideFor @sizes={{sizes}}>\n        <EuiNotificationBadge class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\" @color={{argOrDefault @notificationColor \"accent\"}}>\n          {{@notification}}\n        </EuiNotificationBadge>\n      </EuiHideFor>\n      <EuiShowFor @sizes={{sizes}}>\n        <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n      </EuiShowFor>\n    {{/if}}\n  {{/if}}\n</EuiButtonEmpty>", {
       strictMode: true,
       scope: () => ({
         EuiButtonEmpty,

package/dist/components/eui-header-section-item-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { colorMapping } from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst keyframes: Keyframe[] = [\n  { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.01,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.03,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(34deg)',\n    offset: 0.05,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-32deg)',\n    offset: 0.07,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.09,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.11,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(26deg)',\n    offset: 0.13,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-24deg)',\n    offset: 0.15,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(22deg)',\n    offset: 0.17,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-20deg)',\n    offset: 0.19,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(18deg)',\n    offset: 0.21,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-16deg)',\n    offset: 0.23,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(14deg)',\n    offset: 0.25,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-12deg)',\n    offset: 0.27,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(10deg)',\n    offset: 0.29,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-8deg)',\n    offset: 0.31,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(6deg)',\n    offset: 0.33,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-4deg)',\n    offset: 0.35,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(2deg)',\n    offset: 0.37,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-1deg)',\n    offset: 0.39,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(1deg)',\n    offset: 0.41,\n    easing: 'ease-in-out'\n  },\n  { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n  { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\nexport interface EuiHeaderSectionItemButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    ref?: (api: { euiAnimate: () => void }) => void;\n    disabled?: boolean;\n    href?: string;\n    onClick?: (event: MouseEvent) => void;\n    notification?: boolean | number;\n    notificationColor?: keyof typeof colorMapping;\n  };\n  Blocks: { default: [] };\n}\n\nconst sizes: EuiHideForBreakpoints[] = ['xs'];\n\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n  @tracked buttonRef: HTMLButtonElement | HTMLAnchorElement | undefined;\n  @tracked animationTargetRef: HTMLSpanElement | undefined;\n\n  setAnimationTargetRef = (ele: HTMLSpanElement) => {\n    this.animationTargetRef = ele;\n    this.args.ref?.({ euiAnimate: this.animate });\n  };\n\n  animate = () => {\n    this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n  };\n\n  setButtonRef = (ele: HTMLButtonElement | HTMLAnchorElement) => {\n    this.buttonRef = ele;\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n    \n    this.buttonRef = undefined;\n    this.animationTargetRef = undefined;\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class=\"euiHeaderSectionItemButton\"\n      @isDisabled={{@disabled}}\n      @href={{@href}}\n      @color=\"text\"\n      {{didInsert this.setButtonRef}}\n      {{on \"click\" (optional @onClick)}}\n      ...attributes\n    >\n      <span\n        {{didInsert this.setAnimationTargetRef}}\n        class=\"euiHeaderSectionItemButton__content\"\n      >\n        {{yield}}\n      </span>\n      {{#if @notification}}\n        {{#if (eq @notification true)}}\n          <EuiIcon\n            @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n            @color={{argOrDefault @notificationColor \"accent\"}}\n            @type=\"dot\"\n            @size=\"l\"\n          />\n        {{else if @notification}}\n          <EuiHideFor @sizes={{sizes}}>\n            <EuiNotificationBadge\n              class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n              @color={{argOrDefault @notificationColor \"accent\"}}\n            >\n              {{@notification}}\n            </EuiNotificationBadge>\n          </EuiHideFor>\n          <EuiShowFor @sizes={{sizes}}>\n            <EuiIcon\n              @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n              @color={{argOrDefault @notificationColor \"accent\"}}\n              @type=\"dot\"\n              @size=\"l\"\n            />\n          </EuiShowFor>\n        {{/if}}\n      {{/if}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["keyframes","transform","offset","easing","sizes","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","void 0","setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","argOrDefault","EuiHideFor","EuiNotificationBadge","EuiShowFor"],"mappings":"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"}
+{"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { colorMapping } from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst keyframes: Keyframe[] = [\n  { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.01,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.03,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(34deg)',\n    offset: 0.05,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-32deg)',\n    offset: 0.07,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.09,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.11,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(26deg)',\n    offset: 0.13,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-24deg)',\n    offset: 0.15,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(22deg)',\n    offset: 0.17,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-20deg)',\n    offset: 0.19,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(18deg)',\n    offset: 0.21,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-16deg)',\n    offset: 0.23,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(14deg)',\n    offset: 0.25,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-12deg)',\n    offset: 0.27,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(10deg)',\n    offset: 0.29,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-8deg)',\n    offset: 0.31,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(6deg)',\n    offset: 0.33,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-4deg)',\n    offset: 0.35,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(2deg)',\n    offset: 0.37,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-1deg)',\n    offset: 0.39,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(1deg)',\n    offset: 0.41,\n    easing: 'ease-in-out'\n  },\n  { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n  { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\n/**\n * An icon button for the header (e.g. help, notifications, user menu),\n * with an optional notification dot or count. Give it an `aria-label`.\n */\nexport interface EuiHeaderSectionItemButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    /**\n     * Called with `{ euiAnimate }`; call `euiAnimate()` to wiggle the\n     * button, e.g. when a new notification arrives.\n     */\n    ref?: (api: { euiAnimate: () => void }) => void;\n    /** Disables the button. */\n    disabled?: boolean;\n    /** Renders a link instead of a button. */\n    href?: string;\n    /** Called on click. */\n    onClick?: (event: MouseEvent) => void;\n    /**\n     * `true` shows a dot; a number shows a count badge (a dot on small\n     * screens).\n     */\n    notification?: boolean | number;\n    /** `'accent'` or `'subdued'`. Defaults to `'accent'`. */\n    notificationColor?: keyof typeof colorMapping;\n  };\n  Blocks: {\n    /** The button's content, usually an `EuiIcon` or `EuiAvatar`. */\n    default: [];\n  };\n}\n\nconst sizes: EuiHideForBreakpoints[] = ['xs'];\n\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n  @tracked buttonRef: HTMLButtonElement | HTMLAnchorElement | undefined;\n  @tracked animationTargetRef: HTMLSpanElement | undefined;\n\n  setAnimationTargetRef = (ele: HTMLSpanElement) => {\n    this.animationTargetRef = ele;\n    this.args.ref?.({ euiAnimate: this.animate });\n  };\n\n  animate = () => {\n    this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n  };\n\n  setButtonRef = (ele: HTMLButtonElement | HTMLAnchorElement) => {\n    this.buttonRef = ele;\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n    \n    this.buttonRef = undefined;\n    this.animationTargetRef = undefined;\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class=\"euiHeaderSectionItemButton\"\n      @isDisabled={{@disabled}}\n      @href={{@href}}\n      @color=\"text\"\n      {{didInsert this.setButtonRef}}\n      {{on \"click\" (optional @onClick)}}\n      ...attributes\n    >\n      <span\n        {{didInsert this.setAnimationTargetRef}}\n        class=\"euiHeaderSectionItemButton__content\"\n      >\n        {{yield}}\n      </span>\n      {{#if @notification}}\n        {{#if (eq @notification true)}}\n          <EuiIcon\n            @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n            @color={{argOrDefault @notificationColor \"accent\"}}\n            @type=\"dot\"\n            @size=\"l\"\n          />\n        {{else if @notification}}\n          <EuiHideFor @sizes={{sizes}}>\n            <EuiNotificationBadge\n              class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n              @color={{argOrDefault @notificationColor \"accent\"}}\n            >\n              {{@notification}}\n            </EuiNotificationBadge>\n          </EuiHideFor>\n          <EuiShowFor @sizes={{sizes}}>\n            <EuiIcon\n              @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n              @color={{argOrDefault @notificationColor \"accent\"}}\n              @type=\"dot\"\n              @size=\"l\"\n            />\n          </EuiShowFor>\n        {{/if}}\n      {{/if}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["keyframes","transform","offset","easing","sizes","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","argOrDefault","EuiHideFor","EuiNotificationBadge","EuiShowFor"],"mappings":"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"}

package/dist/components/eui-header-section-item.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderSectionItem = setComponentTemplate(precompileTemplate("\n    <div class={{classNames componentName=\"EuiHeaderSectionItem\" borderSide=(argOrDefault @border \"left\")}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiHeaderSectionItem = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiHeaderSectionItem\" borderSide=(argOrDefault @border \"left\")}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,