@ember-eui/core 13.0.5 → 14.0.0

package/dist/components/eui-form-control-layout-delimited.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-layout-delimited.js","sources":["../../src/components/eui-form-control-layout-delimited.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormControlLayoutDelimitedSignature {\n  Args: {\n    icon?: string;\n    clear?: EuiFormControlLayoutSignature['Args']['clear'];\n    fullWidth?: EuiFormControlLayoutSignature['Args']['fullWidth'];\n    isLoading?: EuiFormControlLayoutSignature['Args']['isLoading'];\n    compressed?: EuiFormControlLayoutSignature['Args']['compressed'];\n    readOnly?: EuiFormControlLayoutSignature['Args']['readOnly'];\n    disabled?: EuiFormControlLayoutSignature['Args']['disabled'];\n    delimiter?: string;\n    useGroup?: boolean;\n  };\n  Blocks: {\n    prepend: EuiFormControlLayoutSignature['Blocks']['prepend'];\n    startControl: [classes: string];\n    delimiter: [];\n    endControl: [classes: string];\n    append: EuiFormControlLayoutSignature['Blocks']['append'];\n  };\n}\n\nconst EuiFormControlLayoutDelimited: TemplateOnlyComponent<EuiFormControlLayoutDelimitedSignature> =\n  <template>\n    {{#let\n      (has-block \"prepend\")\n      (has-block \"append\")\n      (has-block \"delimiter\")\n      (argOrDefault @delimiter \"→\")\n      (argOrDefault @useGroup true)\n      as |hasPrepend hasAppend hasDelimeterBlock delimiter useGroup|\n    }}\n      <EuiFormControlLayout\n        class=\"euiFormControlLayoutDelimited\"\n        @icon={{@icon}}\n        @clear={{@clear}}\n        @fullWidth={{@fullWidth}}\n        @isLoading={{@isLoading}}\n        @compressed={{@compressed}}\n        @readOnly={{@readOnly}}\n        @disabled={{@disabled}}\n        @useGroup={{and useGroup (or hasPrepend hasAppend)}}\n      >\n        <:prepend as |prependClasses|>\n          {{yield prependClasses to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n          <EuiText\n            class=\"euiFormControlLayoutDelimited__delimeter\"\n            @size=\"s\"\n            @color=\"subdued\"\n          >\n            {{#if (or delimiter hasDelimeterBlock)}}\n              {{#if hasDelimeterBlock}}\n                {{yield to=\"delimiter\"}}\n              {{else}}\n                {{delimiter}}\n              {{/if}}\n            {{/if}}\n          </EuiText>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/let}}\n  </template>;\n\nexport default EuiFormControlLayoutDelimited;\n"],"names":["EuiFormControlLayoutDelimited","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiFormControlLayout","and","or","EuiText","templateOnly"],"mappings":";;;;;;;;AA8BA,MAAMA,6BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA6CA,szCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-control-layout-delimited.js","sources":["../../src/components/eui-form-control-layout-delimited.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormControlLayoutDelimitedSignature {\n  Args: {\n    icon?: string;\n    clear?: EuiFormControlLayoutSignature['Args']['clear'];\n    fullWidth?: EuiFormControlLayoutSignature['Args']['fullWidth'];\n    isLoading?: EuiFormControlLayoutSignature['Args']['isLoading'];\n    compressed?: EuiFormControlLayoutSignature['Args']['compressed'];\n    readOnly?: EuiFormControlLayoutSignature['Args']['readOnly'];\n    disabled?: EuiFormControlLayoutSignature['Args']['disabled'];\n    delimiter?: string;\n    useGroup?: boolean;\n  };\n  Blocks: {\n    prepend: EuiFormControlLayoutSignature['Blocks']['prepend'];\n    startControl: [classes: string];\n    delimiter: [];\n    endControl: [classes: string];\n    append: EuiFormControlLayoutSignature['Blocks']['append'];\n  };\n}\n\nconst EuiFormControlLayoutDelimited: TemplateOnlyComponent<EuiFormControlLayoutDelimitedSignature> =\n  <template>\n    {{#let\n      (has-block \"prepend\")\n      (has-block \"append\")\n      (has-block \"delimiter\")\n      (argOrDefault @delimiter \"→\")\n      (argOrDefault @useGroup true)\n      as |hasPrepend hasAppend hasDelimeterBlock delimiter useGroup|\n    }}\n      <EuiFormControlLayout\n        class=\"euiFormControlLayoutDelimited\"\n        @icon={{@icon}}\n        @clear={{@clear}}\n        @fullWidth={{@fullWidth}}\n        @isLoading={{@isLoading}}\n        @compressed={{@compressed}}\n        @readOnly={{@readOnly}}\n        @disabled={{@disabled}}\n        @useGroup={{and useGroup (or hasPrepend hasAppend)}}\n      >\n        <:prepend as |prependClasses|>\n          {{yield prependClasses to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n          <EuiText\n            class=\"euiFormControlLayoutDelimited__delimeter\"\n            @size=\"s\"\n            @color=\"subdued\"\n          >\n            {{#if (or delimiter hasDelimeterBlock)}}\n              {{#if hasDelimeterBlock}}\n                {{yield to=\"delimiter\"}}\n              {{else}}\n                {{delimiter}}\n              {{/if}}\n            {{/if}}\n          </EuiText>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/let}}\n  </template>;\n\nexport default EuiFormControlLayoutDelimited;\n"],"names":["EuiFormControlLayoutDelimited","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiFormControlLayout","and","or","EuiText","templateOnly"],"mappings":";;;;;;;;AA8BA,MAAMA,6BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA6CA,otCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-control-layout-icons.js

@@ -9,7 +9,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 const ICON_SIDES = ['left', 'right'];
-const EuiFormControlLayoutIcons = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n      {{#if (eq iconSide \"left\")}}\n        <div class=\"euiFormControlLayoutIcons\">\n          {{#if @icon}}\n            <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n          {{/if}}\n        </div>\n      {{/if}}\n      {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n        <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n          {{#if @clear}}\n            <EuiFormControlLayoutClearButton @size={{if @compressed \"s\" \"m\"}} {{on \"click\" @clear}} ...attributes />\n          {{/if}}\n          {{#if @isLoading}}\n            <EuiLoadingSpinner @size=\"m\" />\n          {{/if}}\n          {{#if (eq iconSide \"right\")}}\n            {{#if @icon}}\n              <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n            {{/if}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  ", {
+const EuiFormControlLayoutIcons = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n  {{#if (eq iconSide \"left\")}}\n    <div class=\"euiFormControlLayoutIcons\">\n      {{#if @icon}}\n        <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n      {{/if}}\n    </div>\n  {{/if}}\n  {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n    <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n      {{#if @clear}}\n        <EuiFormControlLayoutClearButton @size={{if @compressed \"s\" \"m\"}} {{on \"click\" @clear}} ...attributes />\n      {{/if}}\n      {{#if @isLoading}}\n        <EuiLoadingSpinner @size=\"m\" />\n      {{/if}}\n      {{#if (eq iconSide \"right\")}}\n        {{#if @icon}}\n          <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n        {{/if}}\n      {{/if}}\n    </div>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-form-control-layout-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-layout-icons.js","sources":["../../src/components/eui-form-control-layout-icons.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { and, eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayoutClearButton from './eui-form-control-layout-clear-button.gts';\nimport EuiFormControlLayoutCustomIcon from './eui-form-control-layout-custom-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiFormControlLayoutCustomIconSignature } from './eui-form-control-layout-custom-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport const ICON_SIDES: ['left', 'right'] = ['left', 'right'];\n\nexport interface EuiFormControlLayoutIconsArgs {\n  icon?: EuiFormControlLayoutCustomIconSignature['Args']['type'];\n  iconSide?: (typeof ICON_SIDES)[number];\n  clear?: (v: any) => void;\n  isLoading?: boolean;\n  compressed?: boolean;\n}\n\nexport interface EuiFormControlLayoutIconsSignature {\n  Element: EuiFormControlLayoutCustomIconSignature['Element'];\n  Args: EuiFormControlLayoutIconsArgs;\n}\n\nconst EuiFormControlLayoutIcons: TemplateOnlyComponent<EuiFormControlLayoutIconsSignature> =\n  <template>\n    {{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n      {{#if (eq iconSide \"left\")}}\n        <div class=\"euiFormControlLayoutIcons\">\n          {{#if @icon}}\n            <EuiFormControlLayoutCustomIcon\n              @size={{if @compressed \"s\" \"m\"}}\n              @type={{@icon}}\n              ...attributes\n            />\n          {{/if}}\n        </div>\n      {{/if}}\n      {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n        <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n          {{#if @clear}}\n            <EuiFormControlLayoutClearButton\n              @size={{if @compressed \"s\" \"m\"}}\n              {{on \"click\" @clear}}\n              ...attributes\n            />\n          {{/if}}\n          {{#if @isLoading}}\n            <EuiLoadingSpinner @size=\"m\" />\n          {{/if}}\n          {{#if (eq iconSide \"right\")}}\n            {{#if @icon}}\n              <EuiFormControlLayoutCustomIcon\n                @size={{if @compressed \"s\" \"m\"}}\n                @type={{@icon}}\n                ...attributes\n              />\n            {{/if}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </template>;\n\nexport default EuiFormControlLayoutIcons;\n"],"names":["ICON_SIDES","EuiFormControlLayoutIcons","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","EuiFormControlLayoutCustomIcon","or","and","EuiFormControlLayoutClearButton","on","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;MAYaA,UAAgC,GAAA,CAAC,MAAA,EAAQ,OAAA;AAetD,MAAMC,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqCA,khCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,+BAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-control-layout-icons.js","sources":["../../src/components/eui-form-control-layout-icons.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { and, eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayoutClearButton from './eui-form-control-layout-clear-button.gts';\nimport EuiFormControlLayoutCustomIcon from './eui-form-control-layout-custom-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiFormControlLayoutCustomIconSignature } from './eui-form-control-layout-custom-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport const ICON_SIDES: ['left', 'right'] = ['left', 'right'];\n\nexport interface EuiFormControlLayoutIconsArgs {\n  icon?: EuiFormControlLayoutCustomIconSignature['Args']['type'];\n  iconSide?: (typeof ICON_SIDES)[number];\n  clear?: (v: any) => void;\n  isLoading?: boolean;\n  compressed?: boolean;\n}\n\nexport interface EuiFormControlLayoutIconsSignature {\n  Element: EuiFormControlLayoutCustomIconSignature['Element'];\n  Args: EuiFormControlLayoutIconsArgs;\n}\n\nconst EuiFormControlLayoutIcons: TemplateOnlyComponent<EuiFormControlLayoutIconsSignature> =\n  <template>\n    {{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n      {{#if (eq iconSide \"left\")}}\n        <div class=\"euiFormControlLayoutIcons\">\n          {{#if @icon}}\n            <EuiFormControlLayoutCustomIcon\n              @size={{if @compressed \"s\" \"m\"}}\n              @type={{@icon}}\n              ...attributes\n            />\n          {{/if}}\n        </div>\n      {{/if}}\n      {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n        <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n          {{#if @clear}}\n            <EuiFormControlLayoutClearButton\n              @size={{if @compressed \"s\" \"m\"}}\n              {{on \"click\" @clear}}\n              ...attributes\n            />\n          {{/if}}\n          {{#if @isLoading}}\n            <EuiLoadingSpinner @size=\"m\" />\n          {{/if}}\n          {{#if (eq iconSide \"right\")}}\n            {{#if @icon}}\n              <EuiFormControlLayoutCustomIcon\n                @size={{if @compressed \"s\" \"m\"}}\n                @type={{@icon}}\n                ...attributes\n              />\n            {{/if}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </template>;\n\nexport default EuiFormControlLayoutIcons;\n"],"names":["ICON_SIDES","EuiFormControlLayoutIcons","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","EuiFormControlLayoutCustomIcon","or","and","EuiFormControlLayoutClearButton","on","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;MAYaA,UAAgC,GAAA,CAAC,MAAA,EAAQ,OAAA;AAetD,MAAMC,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqCA,46BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,+BAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-control-layout.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormControlLayout = setComponentTemplate(precompileTemplate("\n    <div class={{classNames (if @fullWidth \"euiFormControlLayout--fullWidth\") (if @compressed \"euiFormControlLayout--compressed\") (if @readOnly \"euiFormControlLayout--readOnly\") (if (and (argOrDefault @useGroup true) (or (has-block \"append\") (has-block \"prepend\"))) \"euiFormControlLayout--group\") (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\") \"euiFormControlLayout\"}} ...attributes>\n      {{#if (has-block \"prepend\")}}\n        {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n      {{/if}}\n      <div class=\"euiFormControlLayout__childrenWrapper\">\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        <EuiFormControlLayoutIcons @icon={{@icon}} @iconSide={{@iconSide}} @clear={{@clear}} @compressed={{@compressed}} @isLoading={{@isLoading}} />\n      </div>\n      {{#if (has-block \"append\")}}\n        {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n      {{/if}}\n    </div>\n  ", {
+const EuiFormControlLayout = setComponentTemplate(precompileTemplate("<div class={{classNames (if @fullWidth \"euiFormControlLayout--fullWidth\") (if @compressed \"euiFormControlLayout--compressed\") (if @readOnly \"euiFormControlLayout--readOnly\") (if (and (argOrDefault @useGroup true) (or (has-block \"append\") (has-block \"prepend\"))) \"euiFormControlLayout--group\") (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\") \"euiFormControlLayout\"}} ...attributes>\n  {{#if (has-block \"prepend\")}}\n    {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n  {{/if}}\n  <div class=\"euiFormControlLayout__childrenWrapper\">\n    {{#if (has-block \"field\")}}\n      {{yield to=\"field\"}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n    <EuiFormControlLayoutIcons @icon={{@icon}} @iconSide={{@iconSide}} @clear={{@clear}} @compressed={{@compressed}} @isLoading={{@isLoading}} />\n  </div>\n  {{#if (has-block \"append\")}}\n    {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-layout.js","sources":["../../src/components/eui-form-control-layout.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFormControlLayoutIcons from './eui-form-control-layout-icons.gts';\n\nimport type { EuiFormControlLayoutIconsSignature } from './eui-form-control-layout-icons';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type Component from '@glimmer/component';\n\ntype StringOrComponent = string | Component;\ntype PrependAppendType = StringOrComponent | StringOrComponent[];\n\nexport interface EuiFormControlLayoutSignature {\n  Element: HTMLDivElement;\n  Args: {\n    fullWidth?: boolean;\n    /**\n     * Creates an input group with element(s) coming before children.\n     * */\n    compressed?: boolean;\n    readOnly?: boolean;\n    useGroup?: boolean;\n    disabled?: boolean;\n    isDisabled?: boolean;\n    icon?: EuiFormControlLayoutIconsSignature['Args']['icon'];\n    iconSide?: EuiFormControlLayoutIconsSignature['Args']['iconSide'];\n    clear?: EuiFormControlLayoutIconsSignature['Args']['clear'];\n    isLoading?: boolean;\n    inputId?: string;\n  };\n  Blocks: {\n    prepend: [classes: 'euiFormControlLayout__prepend'];\n    field: [];\n    default: [];\n    append: [classes: 'euiFormControlLayout__append'];\n  };\n}\n\nconst EuiFormControlLayout: TemplateOnlyComponent<EuiFormControlLayoutSignature> =\n  <template>\n    <div\n      class={{classNames\n        (if @fullWidth \"euiFormControlLayout--fullWidth\")\n        (if @compressed \"euiFormControlLayout--compressed\")\n        (if @readOnly \"euiFormControlLayout--readOnly\")\n        (if\n          (and\n            (argOrDefault @useGroup true)\n            (or (has-block \"append\") (has-block \"prepend\"))\n          )\n          \"euiFormControlLayout--group\"\n        )\n        (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\")\n        \"euiFormControlLayout\"\n      }}\n      ...attributes\n    >\n      {{#if (has-block \"prepend\")}}\n        {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n      {{/if}}\n      <div class=\"euiFormControlLayout__childrenWrapper\">\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        <EuiFormControlLayoutIcons\n          @icon={{@icon}}\n          @iconSide={{@iconSide}}\n          @clear={{@clear}}\n          @compressed={{@compressed}}\n          @isLoading={{@isLoading}}\n        />\n      </div>\n      {{#if (has-block \"append\")}}\n        {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n      {{/if}}\n    </div>\n  </template>;\n\nexport default EuiFormControlLayout;\n"],"names":["EuiFormControlLayout","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","argOrDefault","or","EuiFormControlLayoutIcons","templateOnly"],"mappings":";;;;;;;;AAuCA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAuCA,2gCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-control-layout.js","sources":["../../src/components/eui-form-control-layout.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFormControlLayoutIcons from './eui-form-control-layout-icons.gts';\n\nimport type { EuiFormControlLayoutIconsSignature } from './eui-form-control-layout-icons';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n\nexport interface EuiFormControlLayoutSignature {\n  Element: HTMLDivElement;\n  Args: {\n    fullWidth?: boolean;\n    /**\n     * Creates an input group with element(s) coming before children.\n     * */\n    compressed?: boolean;\n    readOnly?: boolean;\n    useGroup?: boolean;\n    disabled?: boolean;\n    isDisabled?: boolean;\n    icon?: EuiFormControlLayoutIconsSignature['Args']['icon'];\n    iconSide?: EuiFormControlLayoutIconsSignature['Args']['iconSide'];\n    clear?: EuiFormControlLayoutIconsSignature['Args']['clear'];\n    isLoading?: boolean;\n    inputId?: string;\n  };\n  Blocks: {\n    prepend: [classes: 'euiFormControlLayout__prepend'];\n    field: [];\n    default: [];\n    append: [classes: 'euiFormControlLayout__append'];\n  };\n}\n\nconst EuiFormControlLayout: TemplateOnlyComponent<EuiFormControlLayoutSignature> =\n  <template>\n    <div\n      class={{classNames\n        (if @fullWidth \"euiFormControlLayout--fullWidth\")\n        (if @compressed \"euiFormControlLayout--compressed\")\n        (if @readOnly \"euiFormControlLayout--readOnly\")\n        (if\n          (and\n            (argOrDefault @useGroup true)\n            (or (has-block \"append\") (has-block \"prepend\"))\n          )\n          \"euiFormControlLayout--group\"\n        )\n        (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\")\n        \"euiFormControlLayout\"\n      }}\n      ...attributes\n    >\n      {{#if (has-block \"prepend\")}}\n        {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n      {{/if}}\n      <div class=\"euiFormControlLayout__childrenWrapper\">\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        <EuiFormControlLayoutIcons\n          @icon={{@icon}}\n          @iconSide={{@iconSide}}\n          @clear={{@clear}}\n          @compressed={{@compressed}}\n          @isLoading={{@isLoading}}\n        />\n      </div>\n      {{#if (has-block \"append\")}}\n        {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n      {{/if}}\n    </div>\n  </template>;\n\nexport default EuiFormControlLayout;\n"],"names":["EuiFormControlLayout","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","argOrDefault","or","EuiFormControlLayoutIcons","templateOnly"],"mappings":";;;;;;;;AAoCA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAuCA,q8BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-error-text.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-form-error-text.js","sources":["../../src/components/eui-form-error-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormErrorTextSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormErrorText: TemplateOnlyComponent<EuiFormErrorTextSignature> =\n  <template>\n    <div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFormErrorText;\n"],"names":["EuiFormErrorText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,4GAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-error-text.js","sources":["../../src/components/eui-form-error-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormErrorTextSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormErrorText: TemplateOnlyComponent<EuiFormErrorTextSignature> =\n  <template>\n    <div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFormErrorText;\n"],"names":["EuiFormErrorText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,0FAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormFieldset = setComponentTemplate(precompileTemplate("\n    <fieldset ...attributes>\n      {{#if (or @legend (has-block \"legend\"))}}\n        <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n          {{#if (has-block \"legend\")}}\n            {{yield to=\"legend\"}}\n          {{else}}\n            {{@legend}}\n          {{/if}}\n        </EuiFormLegend>\n      {{/if}}\n      {{#if (has-block \"fieldset\")}}\n        {{yield to=\"fieldset\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </fieldset>\n  ", {
+const EuiFormFieldset = setComponentTemplate(precompileTemplate("<fieldset ...attributes>\n  {{#if (or @legend (has-block \"legend\"))}}\n    <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n      {{#if (has-block \"legend\")}}\n        {{yield to=\"legend\"}}\n      {{else}}\n        {{@legend}}\n      {{/if}}\n    </EuiFormLegend>\n  {{/if}}\n  {{#if (has-block \"fieldset\")}}\n    {{yield to=\"fieldset\"}}\n  {{else}}\n    {{yield}}\n  {{/if}}\n</fieldset>", {
   strictMode: true,
   scope: () => ({
     or,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-form-fieldset.js","sources":["../../src/components/eui-form-fieldset.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport EuiFormLegend from './eui-form-legend.gts';\n\nimport type { EuiFormLegendSignature } from './eui-form-legend';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormFieldsetSignature {\n  Element: HTMLFieldSetElement;\n  Args: {\n    legend?: string;\n    compressed?: boolean;\n    display?: EuiFormLegendSignature['Args']['display'];\n  };\n  Blocks: {\n    default?: [];\n    legend?: [];\n    fieldset?: [];\n  };\n}\n\nconst EuiFormFieldset: TemplateOnlyComponent<EuiFormFieldsetSignature> =\n  <template>\n    <fieldset ...attributes>\n      {{#if (or @legend (has-block \"legend\"))}}\n        <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n          {{#if (has-block \"legend\")}}\n            {{yield to=\"legend\"}}\n          {{else}}\n            {{@legend}}\n          {{/if}}\n        </EuiFormLegend>\n      {{/if}}\n      {{#if (has-block \"fieldset\")}}\n        {{yield to=\"fieldset\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </fieldset>\n  </template>;\n\nexport default EuiFormFieldset;\n"],"names":["EuiFormFieldset","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiFormLegend","templateOnly"],"mappings":";;;;;;AAqBA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,weAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-fieldset.js","sources":["../../src/components/eui-form-fieldset.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport EuiFormLegend from './eui-form-legend.gts';\n\nimport type { EuiFormLegendSignature } from './eui-form-legend';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormFieldsetSignature {\n  Element: HTMLFieldSetElement;\n  Args: {\n    legend?: string;\n    compressed?: boolean;\n    display?: EuiFormLegendSignature['Args']['display'];\n  };\n  Blocks: {\n    default?: [];\n    legend?: [];\n    fieldset?: [];\n  };\n}\n\nconst EuiFormFieldset: TemplateOnlyComponent<EuiFormFieldsetSignature> =\n  <template>\n    <fieldset ...attributes>\n      {{#if (or @legend (has-block \"legend\"))}}\n        <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n          {{#if (has-block \"legend\")}}\n            {{yield to=\"legend\"}}\n          {{else}}\n            {{@legend}}\n          {{/if}}\n        </EuiFormLegend>\n      {{/if}}\n      {{#if (has-block \"fieldset\")}}\n        {{yield to=\"fieldset\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </fieldset>\n  </template>;\n\nexport default EuiFormFieldset;\n"],"names":["EuiFormFieldset","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiFormLegend","templateOnly"],"mappings":";;;;;;AAqBA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,kaAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-help-text.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-form-help-text.js","sources":["../../src/components/eui-form-help-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormHelpTextSignature {\n  Element: HTMLDivElement;\n  Args: {\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormHelpText: TemplateOnlyComponent<EuiFormHelpTextSignature> =\n  <template>\n    <div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFormHelpText;\n"],"names":["EuiFormHelpText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAYA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,iGAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-help-text.js","sources":["../../src/components/eui-form-help-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormHelpTextSignature {\n  Element: HTMLDivElement;\n  Args: {\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormHelpText: TemplateOnlyComponent<EuiFormHelpTextSignature> =\n  <template>\n    <div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFormHelpText;\n"],"names":["EuiFormHelpText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAYA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,+EAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormLabel = setComponentTemplate(precompileTemplate("\n  {{#let (classNames (if @isFocused \"euiFormLabel-isFocused\") (if @isInvalid \"euiFormLabel-isInvalid\") \"euiFormLabel\") as |classes|}}\n    {{#if (eq @type \"legend\")}}\n      <legend class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </legend>\n    {{else}}\n      <label class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </label>\n    {{/if}}\n  {{/let}}\n", {
+const EuiFormLabel = setComponentTemplate(precompileTemplate("{{#let (classNames (if @isFocused \"euiFormLabel-isFocused\") (if @isInvalid \"euiFormLabel-isInvalid\") \"euiFormLabel\") as |classes|}}\n  {{#if (eq @type \"legend\")}}\n    <legend class={{classes}} for={{@for}} ...attributes>\n      {{@label}}\n      {{yield}}\n    </legend>\n  {{else}}\n    <label class={{classes}} for={{@for}} ...attributes>\n      {{@label}}\n      {{yield}}\n    </label>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     classNames,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-form-label.js","sources":["../../src/components/eui-form-label.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLabelSignature {\n  Element: HTMLLabelElement | HTMLLegendElement;\n  Args: {\n    isFocused?: boolean;\n    isInvalid?: boolean;\n    type?: 'legend' | 'label';\n    for?: string;\n    label?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormLabel: TemplateOnlyComponent<EuiFormLabelSignature> = <template>\n  {{#let\n    (classNames\n      (if @isFocused \"euiFormLabel-isFocused\")\n      (if @isInvalid \"euiFormLabel-isInvalid\")\n      \"euiFormLabel\"\n    )\n    as |classes|\n  }}\n    {{#if (eq @type \"legend\")}}\n      <legend class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </legend>\n    {{else}}\n      <label class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </label>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFormLabel;\n"],"names":["EuiFormLabel","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAqBnE,mcAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-label.js","sources":["../../src/components/eui-form-label.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLabelSignature {\n  Element: HTMLLabelElement | HTMLLegendElement;\n  Args: {\n    isFocused?: boolean;\n    isInvalid?: boolean;\n    type?: 'legend' | 'label';\n    for?: string;\n    label?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormLabel: TemplateOnlyComponent<EuiFormLabelSignature> = <template>\n  {{#let\n    (classNames\n      (if @isFocused \"euiFormLabel-isFocused\")\n      (if @isInvalid \"euiFormLabel-isInvalid\")\n      \"euiFormLabel\"\n    )\n    as |classes|\n  }}\n    {{#if (eq @type \"legend\")}}\n      <legend class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </legend>\n    {{else}}\n      <label class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </label>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFormLabel;\n"],"names":["EuiFormLabel","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAqBnE,qaAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormLegend = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @display \"visible\") as |display|}}\n    <legend class={{classNames (if (eq display \"hiddden\") \"euiFormLengend--isHidden\") (if @compressed \"euiFormLegend--compresed\") \"euiFormLegend\"}} ...attributes>\n      {{#if (eq display \"hidden\")}}\n        <span {{screenReaderOnly}}>\n          {{yield}}\n        </span>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </legend>\n  {{/let}}\n", {
+const EuiFormLegend = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @display \"visible\") as |display|}}\n  <legend class={{classNames (if (eq display \"hidden\") \"euiFormLegend-isHidden\") (if @compressed \"euiFormLegend--compressed\") \"euiFormLegend\"}} ...attributes>\n    {{#if (eq display \"hidden\")}}\n      <span {{screenReaderOnly}}>\n        {{yield}}\n      </span>\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </legend>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-form-legend.js","sources":["../../src/components/eui-form-legend.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLegendSignature {\n  Element: HTMLLegendElement;\n  Args: {\n    display?: 'hidden' | 'visible';\n    compressed?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormLegend: TemplateOnlyComponent<EuiFormLegendSignature> = <template>\n  {{#let (argOrDefault @display \"visible\") as |display|}}\n    <legend\n      class={{classNames\n        (if (eq display \"hiddden\") \"euiFormLengend--isHidden\")\n        (if @compressed \"euiFormLegend--compresed\")\n        \"euiFormLegend\"\n      }}\n      ...attributes\n    >\n      {{#if (eq display \"hidden\")}}\n        <span {{screenReaderOnly}}>\n          {{yield}}\n        </span>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </legend>\n  {{/let}}\n</template>;\n\nexport default EuiFormLegend;\n"],"names":["EuiFormLegend","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;AAmBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAmBrE,4aAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-legend.js","sources":["../../src/components/eui-form-legend.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLegendSignature {\n  Element: HTMLLegendElement;\n  Args: {\n    display?: 'hidden' | 'visible';\n    compressed?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormLegend: TemplateOnlyComponent<EuiFormLegendSignature> = <template>\n  {{#let (argOrDefault @display \"visible\") as |display|}}\n    <legend\n      class={{classNames\n        (if (eq display \"hidden\") \"euiFormLegend-isHidden\")\n        (if @compressed \"euiFormLegend--compressed\")\n        \"euiFormLegend\"\n      }}\n      ...attributes\n    >\n      {{#if (eq display \"hidden\")}}\n        <span {{screenReaderOnly}}>\n          {{yield}}\n        </span>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </legend>\n  {{/let}}\n</template>;\n\nexport default EuiFormLegend;\n"],"names":["EuiFormLegend","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;AAmBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAmBrE,gZAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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 associateFormRowLabel from '../-private/associate-form-row-label.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 {{associateFormRowLabel rowId}}>\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={{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        </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 {{associateFormRowLabel rowId}}>\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={{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        </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,
+    associateFormRowLabel,
     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 associateFormRowLabel from '../-private/associate-form-row-label.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\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\n        class={{classes}}\n        id=\"{{rowId}}-row\"\n        ...attributes\n        {{associateFormRowLabel rowId}}\n      >\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={{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          </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        {{associateFormRowLabel rowId}}\n      >\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={{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          </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","associateFormRowLabel","or","EuiFormLabel","on","fn","gt","EuiFormErrorText","EuiFormHelpText","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;AAmDO,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,CAyQ/D,+2NAAA,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,qBAAA;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\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,u+DAAA,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;;;;"}

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,12 @@ 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;
 class EuiGlobalToastList extends Component {
   static {
-    g(this.prototype, "euiToaster", [inject]);
+    g(this.prototype, "euiToaster", [service]);
   }
   #euiToaster = (i(this, "euiToaster"), void 0);
   dismissTimeoutIds = [];
@@ -179,8 +180,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":"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"}
+{"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  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  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\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,uwBAAA,EAAA;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\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,6HAAA,EAAA;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,