@ember-eui/core 13.0.4 → 14.0.0

package/dist/components/eui-field-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-field-number.js","sources":["../../src/components/eui-field-number.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { IconType } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFieldNumberArgs = CommonArgs & {\n  id?: string;\n  icon?: IconType;\n  isInvalid?: boolean;\n  fullWidth?: boolean;\n  isLoading?: boolean;\n  readOnly?: boolean;\n  min?: number | string;\n  max?: number | string;\n  value?: number | string;\n  disabled?: boolean;\n\n  /**\n   * Specifies the granularity that the value must adhere to.\n   * Accepts a `number` or the string `'any'` for no stepping to allow for any value.\n   * Defaults to `1`\n   */\n  step?: number | 'any';\n  inputRef?: (ele: Element) => void;\n\n  /**\n   * Creates an input group with element(s) coming before input.\n   * `string` | `Component` or an array of these\n   */\n  prepend?: EuiFormControlLayoutSignature['Blocks']['prepend'];\n\n  /**\n   * Creates an input group with element(s) coming after input.\n   * `string` | `Component` or an array of these\n   */\n  append?: EuiFormControlLayoutSignature['Blocks']['append'];\n\n  /**\n   * Completely removes form control layout wrapper and ignores\n   * icon, prepend, and append. Best used inside EuiFormControlLayoutDelimited.\n   */\n  controlOnly?: boolean;\n\n  /**\n   * when `true` creates a shorter height input\n   */\n  compressed?: boolean;\n\n  isPrependProvided?: boolean;\n  isAppendProvided?: boolean;\n\n  clear?: EuiFormControlLayoutSignature['Args']['clear'];\n};\n\nexport interface EuiFieldNumberSignature {\n  Element: HTMLInputElement;\n  Args: EuiFieldNumberArgs;\n  Blocks: {\n    default: [string];\n    prepend: [string];\n    append: [string];\n  };\n}\n\nconst EuiFieldNumber: TemplateOnlyComponent<EuiFieldNumberSignature> =\n  <template>\n    {{#let\n      (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n      (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n      (argOrDefault @id (randomId))\n      as |hasPrepend hasAppend inputId|\n    }}\n      {{#let\n        (classNames\n          (if @icon \"euiFieldNumber--withIcon\")\n          (if @fullWidth \"euiFieldNumber--fullWidth\")\n          (if @compressed \"euiFieldNumber--compressed\")\n          (if (or hasPrepend hasAppend) \"euiFieldNumber--inGroup\")\n          (if @isLoading \"euiFieldNumber--isLoading\")\n          \"euiFieldNumber\"\n        )\n        as |classes|\n      }}\n        {{#if @controlOnly}}\n          <input\n            id={{@id}}\n            class={{classes}}\n            value={{@value}}\n            min={{@min}}\n            max={{@max}}\n            disabled={{@disabled}}\n            step={{@step}}\n            type=\"number\"\n            readonly={{@readOnly}}\n            {{validatableControl @isInvalid}}\n            {{didInsert (optional @inputRef)}}\n            ...attributes\n          />\n        {{else}}\n          <EuiFormControlLayout\n            @icon={{@icon}}\n            @clear={{@clear}}\n            @fullWidth={{@fullWidth}}\n            @isLoading={{@isLoading}}\n            @compressed={{@compressed}}\n            @readOnly={{@readOnly}}\n            @disabled={{@disabled}}\n            @useGroup={{or hasPrepend hasAppend}}\n          >\n            <:prepend as |prependClasses|>\n              {{yield prependClasses to=\"prepend\"}}\n            </:prepend>\n            <:field>\n              <input\n                id={{inputId}}\n                class={{classes}}\n                value={{@value}}\n                min={{@min}}\n                max={{@max}}\n                disabled={{@disabled}}\n                step={{@step}}\n                type=\"number\"\n                readonly={{@readOnly}}\n                {{validatableControl @isInvalid}}\n                ...attributes\n              />\n            </:field>\n            <:append as |appendClasses|>\n              {{yield appendClasses to=\"append\"}}\n            </:append>\n          </EuiFormControlLayout>\n        {{/if}}\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiFieldNumber;\n"],"names":["EuiFieldNumber","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","randomId","classNames","or","validatableControl","didInsert","optional","EuiFormControlLayout","templateOnly"],"mappings":";;;;;;;;;;;;AA2EA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqEA,mnDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-field-number.js","sources":["../../src/components/eui-field-number.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { IconType } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFieldNumberArgs = CommonArgs & {\n  id?: string;\n  icon?: IconType;\n  isInvalid?: boolean;\n  fullWidth?: boolean;\n  isLoading?: boolean;\n  readOnly?: boolean;\n  min?: number | string;\n  max?: number | string;\n  value?: number | string;\n  disabled?: boolean;\n\n  /**\n   * Specifies the granularity that the value must adhere to.\n   * Accepts a `number` or the string `'any'` for no stepping to allow for any value.\n   * Defaults to `1`\n   */\n  step?: number | 'any';\n  inputRef?: (ele: Element) => void;\n\n  /**\n   * Creates an input group with element(s) coming before input.\n   * `string` | `Component` or an array of these\n   */\n  prepend?: EuiFormControlLayoutSignature['Blocks']['prepend'];\n\n  /**\n   * Creates an input group with element(s) coming after input.\n   * `string` | `Component` or an array of these\n   */\n  append?: EuiFormControlLayoutSignature['Blocks']['append'];\n\n  /**\n   * Completely removes form control layout wrapper and ignores\n   * icon, prepend, and append. Best used inside EuiFormControlLayoutDelimited.\n   */\n  controlOnly?: boolean;\n\n  /**\n   * when `true` creates a shorter height input\n   */\n  compressed?: boolean;\n\n  isPrependProvided?: boolean;\n  isAppendProvided?: boolean;\n\n  clear?: EuiFormControlLayoutSignature['Args']['clear'];\n};\n\nexport interface EuiFieldNumberSignature {\n  Element: HTMLInputElement;\n  Args: EuiFieldNumberArgs;\n  Blocks: {\n    default: [string];\n    prepend: [string];\n    append: [string];\n  };\n}\n\nconst EuiFieldNumber: TemplateOnlyComponent<EuiFieldNumberSignature> =\n  <template>\n    {{#let\n      (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n      (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n      (argOrDefault @id (randomId))\n      as |hasPrepend hasAppend inputId|\n    }}\n      {{#let\n        (classNames\n          (if @icon \"euiFieldNumber--withIcon\")\n          (if @fullWidth \"euiFieldNumber--fullWidth\")\n          (if @compressed \"euiFieldNumber--compressed\")\n          (if (or hasPrepend hasAppend) \"euiFieldNumber--inGroup\")\n          (if @isLoading \"euiFieldNumber--isLoading\")\n          \"euiFieldNumber\"\n        )\n        as |classes|\n      }}\n        {{#if @controlOnly}}\n          <input\n            id={{@id}}\n            class={{classes}}\n            value={{@value}}\n            min={{@min}}\n            max={{@max}}\n            disabled={{@disabled}}\n            step={{@step}}\n            type=\"number\"\n            readonly={{@readOnly}}\n            {{validatableControl @isInvalid}}\n            {{didInsert (optional @inputRef)}}\n            ...attributes\n          />\n        {{else}}\n          <EuiFormControlLayout\n            @icon={{@icon}}\n            @clear={{@clear}}\n            @fullWidth={{@fullWidth}}\n            @isLoading={{@isLoading}}\n            @compressed={{@compressed}}\n            @readOnly={{@readOnly}}\n            @disabled={{@disabled}}\n            @useGroup={{or hasPrepend hasAppend}}\n          >\n            <:prepend as |prependClasses|>\n              {{yield prependClasses to=\"prepend\"}}\n            </:prepend>\n            <:field>\n              <input\n                id={{inputId}}\n                class={{classes}}\n                value={{@value}}\n                min={{@min}}\n                max={{@max}}\n                disabled={{@disabled}}\n                step={{@step}}\n                type=\"number\"\n                readonly={{@readOnly}}\n                {{validatableControl @isInvalid}}\n                ...attributes\n              />\n            </:field>\n            <:append as |appendClasses|>\n              {{yield appendClasses to=\"append\"}}\n            </:append>\n          </EuiFormControlLayout>\n        {{/if}}\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiFieldNumber;\n"],"names":["EuiFieldNumber","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","randomId","classNames","or","validatableControl","didInsert","optional","EuiFormControlLayout","templateOnly"],"mappings":";;;;;;;;;;;;AA2EA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqEA,iiDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-field-password.js

@@ -14,7 +14,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFieldPassword = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @type \"dual\") (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |type hasPrepend hasAppend inputId|}}\n      {{#let (useState (if (eq type \"dual\") \"password\" type)) as |inputTypeState|}}\n        {{#let (classNames (if @fullWidth \"euiFieldPassword--fullWidth\") (if @compressed \"euiFieldPassword--compressed\") (if (or hasPrepend hasAppend (eq type \"dual\")) \"euiFieldPassword--inGroup\") (if @isLoading \"euiFieldPassword--isLoading\") (if (eq type \"dual\") \"euiFieldPassword--withToggle\") \"euiFieldPassword\") as |classes|}}\n          {{#let (eq inputTypeState.value \"text\") as |isVisible|}}\n            <EuiFormControlLayout @icon=\"lock\" @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend (or hasAppend (eq type \"dual\"))}}>\n              <:prepend as |prependClasses|>\n                {{yield prependClasses inputId to=\"prepend\"}}\n              </:prepend>\n              <:field>\n                <input id={{inputId}} class={{classes}} type={{inputTypeState.value}} value={{@value}} disabled={{@disabled}} placeholder={{@placeholder}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes />\n              </:field>\n              <:append as |appendClasses|>\n                {{yield appendClasses inputId to=\"append\"}}\n                {{#if (eq type \"dual\")}}\n                  <EuiButtonIcon tabindex=\"-1\" @iconType={{if isVisible \"eyeClosed\" \"eye\"}} {{on \"click\" (fn inputTypeState.setState (if isVisible \"password\" \"text\"))}} />\n                {{/if}}\n              </:append>\n            </EuiFormControlLayout>\n          {{/let}}\n        {{/let}}\n      {{/let}}\n    {{/let}}\n  ", {
+const EuiFieldPassword = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @type \"dual\") (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |type hasPrepend hasAppend inputId|}}\n  {{#let (useState (if (eq type \"dual\") \"password\" type)) as |inputTypeState|}}\n    {{#let (classNames (if @fullWidth \"euiFieldPassword--fullWidth\") (if @compressed \"euiFieldPassword--compressed\") (if (or hasPrepend hasAppend (eq type \"dual\")) \"euiFieldPassword--inGroup\") (if @isLoading \"euiFieldPassword--isLoading\") (if (eq type \"dual\") \"euiFieldPassword--withToggle\") \"euiFieldPassword\") as |classes|}}\n      {{#let (eq inputTypeState.value \"text\") as |isVisible|}}\n        <EuiFormControlLayout @icon=\"lock\" @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend (or hasAppend (eq type \"dual\"))}}>\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <input id={{inputId}} class={{classes}} type={{inputTypeState.value}} value={{@value}} disabled={{@disabled}} placeholder={{@placeholder}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes />\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n            {{#if (eq type \"dual\")}}\n              <EuiButtonIcon tabindex=\"-1\" @iconType={{if isVisible \"eyeClosed\" \"eye\"}} {{on \"click\" (fn inputTypeState.setState (if isVisible \"password\" \"text\"))}} />\n            {{/if}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/let}}\n    {{/let}}\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-field-password.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-field-password.js","sources":["../../src/components/eui-field-password.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFieldPasswordSignature {\n  Element: HTMLInputElement;\n  Args: {\n    value?: string;\n    id?: string;\n    type?: 'dual' | 'text' | 'password';\n    fullWidth?: boolean;\n    compressed?: boolean;\n    isLoading?: boolean;\n    readOnly?: boolean;\n    disabled?: boolean;\n    isInvalid?: boolean;\n    clear?: EuiFormControlLayoutSignature['Args']['clear'];\n    inputRef?: (element: HTMLInputElement) => void;\n    isFakePrependBlock?: boolean;\n    isFakeAppendBlock?: boolean;\n    placeholder?: string;\n  };\n  Blocks: {\n    prepend: [unknown, string];\n    append: [unknown, string];\n  };\n}\n\nconst EuiFieldPassword: TemplateOnlyComponent<EuiFieldPasswordSignature> =\n  <template>\n    {{#let\n      (argOrDefault @type \"dual\")\n      (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n      (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n      (argOrDefault @id (randomId))\n      as |type hasPrepend hasAppend inputId|\n    }}\n      {{#let\n        (useState (if (eq type \"dual\") \"password\" type))\n        as |inputTypeState|\n      }}\n        {{#let\n          (classNames\n            (if @fullWidth \"euiFieldPassword--fullWidth\")\n            (if @compressed \"euiFieldPassword--compressed\")\n            (if\n              (or hasPrepend hasAppend (eq type \"dual\"))\n              \"euiFieldPassword--inGroup\"\n            )\n            (if @isLoading \"euiFieldPassword--isLoading\")\n            (if (eq type \"dual\") \"euiFieldPassword--withToggle\")\n            \"euiFieldPassword\"\n          )\n          as |classes|\n        }}\n          {{#let (eq inputTypeState.value \"text\") as |isVisible|}}\n            <EuiFormControlLayout\n              @icon=\"lock\"\n              @clear={{@clear}}\n              @fullWidth={{@fullWidth}}\n              @isLoading={{@isLoading}}\n              @compressed={{@compressed}}\n              @readOnly={{@readOnly}}\n              @disabled={{@disabled}}\n              @useGroup={{or hasPrepend (or hasAppend (eq type \"dual\"))}}\n            >\n              <:prepend as |prependClasses|>\n                {{yield prependClasses inputId to=\"prepend\"}}\n              </:prepend>\n              <:field>\n                <input\n                  id={{inputId}}\n                  class={{classes}}\n                  type={{inputTypeState.value}}\n                  value={{@value}}\n                  disabled={{@disabled}}\n                  placeholder={{@placeholder}}\n                  {{validatableControl @isInvalid}}\n                  {{didInsert (optional @inputRef)}}\n                  ...attributes\n                />\n              </:field>\n              <:append as |appendClasses|>\n                {{yield appendClasses inputId to=\"append\"}}\n                {{#if (eq type \"dual\")}}\n                  <EuiButtonIcon\n                    tabindex=\"-1\"\n                    @iconType={{if isVisible \"eyeClosed\" \"eye\"}}\n                    {{on\n                      \"click\"\n                      (fn\n                        inputTypeState.setState (if isVisible \"password\" \"text\")\n                      )\n                    }}\n                  />\n                {{/if}}\n              </:append>\n            </EuiFormControlLayout>\n          {{/let}}\n        {{/let}}\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiFieldPassword;\n"],"names":["EuiFieldPassword","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","randomId","useState","eq","classNames","or","EuiFormControlLayout","validatableControl","didInsert","optional","EuiButtonIcon","on","fn","templateOnly"],"mappings":";;;;;;;;;;;;;;;;AA0CA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAyEA,s6DAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,oBAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-field-password.js","sources":["../../src/components/eui-field-password.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFieldPasswordSignature {\n  Element: HTMLInputElement;\n  Args: {\n    value?: string;\n    id?: string;\n    type?: 'dual' | 'text' | 'password';\n    fullWidth?: boolean;\n    compressed?: boolean;\n    isLoading?: boolean;\n    readOnly?: boolean;\n    disabled?: boolean;\n    isInvalid?: boolean;\n    clear?: EuiFormControlLayoutSignature['Args']['clear'];\n    inputRef?: (element: HTMLInputElement) => void;\n    isFakePrependBlock?: boolean;\n    isFakeAppendBlock?: boolean;\n    placeholder?: string;\n  };\n  Blocks: {\n    prepend: [unknown, string];\n    append: [unknown, string];\n  };\n}\n\nconst EuiFieldPassword: TemplateOnlyComponent<EuiFieldPasswordSignature> =\n  <template>\n    {{#let\n      (argOrDefault @type \"dual\")\n      (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n      (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n      (argOrDefault @id (randomId))\n      as |type hasPrepend hasAppend inputId|\n    }}\n      {{#let\n        (useState (if (eq type \"dual\") \"password\" type))\n        as |inputTypeState|\n      }}\n        {{#let\n          (classNames\n            (if @fullWidth \"euiFieldPassword--fullWidth\")\n            (if @compressed \"euiFieldPassword--compressed\")\n            (if\n              (or hasPrepend hasAppend (eq type \"dual\"))\n              \"euiFieldPassword--inGroup\"\n            )\n            (if @isLoading \"euiFieldPassword--isLoading\")\n            (if (eq type \"dual\") \"euiFieldPassword--withToggle\")\n            \"euiFieldPassword\"\n          )\n          as |classes|\n        }}\n          {{#let (eq inputTypeState.value \"text\") as |isVisible|}}\n            <EuiFormControlLayout\n              @icon=\"lock\"\n              @clear={{@clear}}\n              @fullWidth={{@fullWidth}}\n              @isLoading={{@isLoading}}\n              @compressed={{@compressed}}\n              @readOnly={{@readOnly}}\n              @disabled={{@disabled}}\n              @useGroup={{or hasPrepend (or hasAppend (eq type \"dual\"))}}\n            >\n              <:prepend as |prependClasses|>\n                {{yield prependClasses inputId to=\"prepend\"}}\n              </:prepend>\n              <:field>\n                <input\n                  id={{inputId}}\n                  class={{classes}}\n                  type={{inputTypeState.value}}\n                  value={{@value}}\n                  disabled={{@disabled}}\n                  placeholder={{@placeholder}}\n                  {{validatableControl @isInvalid}}\n                  {{didInsert (optional @inputRef)}}\n                  ...attributes\n                />\n              </:field>\n              <:append as |appendClasses|>\n                {{yield appendClasses inputId to=\"append\"}}\n                {{#if (eq type \"dual\")}}\n                  <EuiButtonIcon\n                    tabindex=\"-1\"\n                    @iconType={{if isVisible \"eyeClosed\" \"eye\"}}\n                    {{on\n                      \"click\"\n                      (fn\n                        inputTypeState.setState (if isVisible \"password\" \"text\")\n                      )\n                    }}\n                  />\n                {{/if}}\n              </:append>\n            </EuiFormControlLayout>\n          {{/let}}\n        {{/let}}\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiFieldPassword;\n"],"names":["EuiFieldPassword","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","randomId","useState","eq","classNames","or","EuiFormControlLayout","validatableControl","didInsert","optional","EuiButtonIcon","on","fn","templateOnly"],"mappings":";;;;;;;;;;;;;;;;AA0CA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAyEA,w0DAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,oBAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-field-search.js

@@ -15,7 +15,7 @@ import { keys } from '../utils/keys.js';
 import EuiFormControlLayout from './eui-form-control-layout.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';
 
 let isSearchSupported = false;
 /**
@@ -118,7 +118,7 @@ class EuiFieldSearch extends Component {
     this.inputElement = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n      {{#let (classNames (if @fullWidth \"euiFieldSearch--fullWidth\") (if @compressed \"euiFieldSearch--compressed\") (if (or hasPrepend hasAppend) \"euiFieldSearch--inGroup\") (if @isLoading \"euiFieldSearch--isLoading\") (if (and (argOrDefault @isClearable true) @value) \"euiFieldSearch--isClearable\") \"euiFieldSearch\") as |classes|}}\n        <EuiFormControlLayout @icon=\"search\" @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @disabled={{@disabled}} @clear={{if (and @isClearable @value (not @readOnly) (and (not @isDisabled) (not @disabled))) this.onClear}} @compressed={{@compressed}} @useGroup={{or hasPrepend hasAppend}}>\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <input id={{inputId}} class={{classes}} value={{this.value}} disabled={{@disabled}} type=\"text\" placeholder={{@placeholder}} ...attributes {{on \"keyup\" (fn this.onKeyUp this.incremental @onSearch)}} {{on \"search\" this.setValue}} {{on \"change\" this.setValue}} {{didInsert this.didInsertInput}} {{didUpdate this.didUpdateValue @value}} {{validatableControl @isInvalid}} />\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/let}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n  {{#let (classNames (if @fullWidth \"euiFieldSearch--fullWidth\") (if @compressed \"euiFieldSearch--compressed\") (if (or hasPrepend hasAppend) \"euiFieldSearch--inGroup\") (if @isLoading \"euiFieldSearch--isLoading\") (if (and (argOrDefault @isClearable true) @value) \"euiFieldSearch--isClearable\") \"euiFieldSearch\") as |classes|}}\n    <EuiFormControlLayout @icon=\"search\" @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @disabled={{@disabled}} @clear={{if (and (argOrDefault @isClearable true) @value (not @readOnly) (and (not @isDisabled) (not @disabled))) this.onClear}} @compressed={{@compressed}} @useGroup={{or hasPrepend hasAppend}}>\n      <:prepend as |prependClasses|>\n        {{yield prependClasses inputId to=\"prepend\"}}\n      </:prepend>\n      <:field>\n        <input id={{inputId}} class={{classes}} value={{this.value}} disabled={{@disabled}} type=\"text\" placeholder={{@placeholder}} ...attributes {{on \"keyup\" (fn this.onKeyUp this.incremental @onSearch)}} {{on \"search\" this.setValue}} {{on \"change\" this.setValue}} {{didInsert this.didInsertInput}} {{didUpdate this.didUpdateValue @value}} {{validatableControl @isInvalid}} />\n      </:field>\n      <:append as |appendClasses|>\n        {{yield appendClasses inputId to=\"append\"}}\n      </:append>\n    </EuiFormControlLayout>\n  {{/let}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         and,

package/dist/components/eui-field-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-field-search.js","sources":["../../src/components/eui-field-search.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\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 didUpdate from '@ember/render-modifiers/modifiers/did-update';\n\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport { Browser } from '../utils/browser/index.ts';\nimport { keys } from '../utils/keys.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\n\nlet isSearchSupported = false;\n\n/**\n * You can find more typing on the template\n */\ntype EuiFieldSearchArgs = {\n  value?: string;\n  defaultValue?: string;\n\n  /**\n   * When `true` the search will be executed (that is, the `onSearch` will be called) as the\n   * user types.\n   */\n  incremental?: boolean;\n  /**\n   * Optional callback method called on open and close with a single `isOpen` parameter\n   */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  onSearch: (value: string) => void;\n\n  isFakePrependBlock?: boolean;\n  isFakeAppendBlock?: boolean;\n  fullWidth?: boolean;\n  compressed?: boolean;\n  isLoading?: boolean;\n  isClearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n  id?: string;\n  isInvalid?: boolean;\n  isDisabled?: boolean;\n};\n\nexport interface EuiFieldSearchSignature {\n  Element: HTMLInputElement;\n  Args: EuiFieldSearchArgs;\n  Blocks: {\n    prepend: [...EuiFormControlLayoutSignature['Blocks']['prepend'], string];\n    field: [];\n    append: [...EuiFormControlLayoutSignature['Blocks']['append'], string];\n  };\n}\n\nexport default class EuiFieldSearch extends Component<EuiFieldSearchSignature> {\n  @tracked inputElement: HTMLInputElement | null = null;\n  @tracked value: string | undefined =\n    this.args.value ||\n    (this.args.defaultValue ? `${this.args.defaultValue}` : '');\n\n  @argOrDefaultDecorator(false) incremental = false;\n\n  @action\n  setValue(e: Event): void {\n    const value = (e.target as HTMLInputElement).value;\n\n    if (this.value !== value) {\n      this.value = value;\n    }\n\n    this.args.onSearch?.(this.value);\n  }\n\n  @action\n  onKeyUp(\n    incremental: boolean,\n    onSearch: (value: string) => void,\n    e: KeyboardEvent\n  ): void {\n    this.value = (e.target as HTMLInputElement).value;\n\n    if (this.args.onKeyUp) {\n      this.args.onKeyUp(e);\n\n      if (e.defaultPrevented) {\n        return;\n      }\n    }\n\n    if (\n      onSearch &&\n      ((e.key !== keys.ENTER && incremental) ||\n        (e.key === keys.ENTER && !isSearchSupported))\n    ) {\n      onSearch((e.target as HTMLInputElement).value);\n    }\n  }\n\n  @action\n  didUpdateValue() {\n    this.value = this.args.value;\n  }\n\n  @action\n  onClear(): void {\n    const nativeInputValue = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      'value'\n    );\n    const nativeInputValueSetter = nativeInputValue\n      ? nativeInputValue.set\n      : undefined;\n\n    if (nativeInputValueSetter) {\n      nativeInputValueSetter.call(this.inputElement, '');\n    }\n\n    // dispatch input event, with IE11 support/fallback\n    let event;\n\n    if ('Event' in window && typeof Event === 'function') {\n      event = new Event('input', {\n        bubbles: true,\n        cancelable: false\n      });\n    } else {\n      // IE11\n      event = document.createEvent('Event');\n      event.initEvent('input', true, false);\n    }\n\n    if (this.inputElement) {\n      if (event) {\n        this.inputElement.dispatchEvent(event);\n      }\n\n      // set focus on the search field\n      this.inputElement.focus();\n      this.inputElement.dispatchEvent(new Event('change'));\n    }\n\n    this.value = '';\n\n    if (this.args.onSearch && this.incremental) {\n      this.args.onSearch('');\n    }\n  }\n\n  @action\n  didInsertInput(inputRef: HTMLInputElement): void {\n    this.inputElement = inputRef;\n    isSearchSupported = Browser.isEventSupported('search', this.inputElement);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.inputElement = null;\n  }\n\n  <template>\n    {{#let\n      (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n      (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n      (argOrDefault @id (randomId))\n      as |hasPrepend hasAppend inputId|\n    }}\n      {{#let\n        (classNames\n          (if @fullWidth \"euiFieldSearch--fullWidth\")\n          (if @compressed \"euiFieldSearch--compressed\")\n          (if (or hasPrepend hasAppend) \"euiFieldSearch--inGroup\")\n          (if @isLoading \"euiFieldSearch--isLoading\")\n          (if\n            (and (argOrDefault @isClearable true) @value)\n            \"euiFieldSearch--isClearable\"\n          )\n          \"euiFieldSearch\"\n        )\n        as |classes|\n      }}\n        <EuiFormControlLayout\n          @icon=\"search\"\n          @fullWidth={{@fullWidth}}\n          @isLoading={{@isLoading}}\n          @disabled={{@disabled}}\n          @clear={{if\n            (and\n              @isClearable\n              @value\n              (not @readOnly)\n              (and (not @isDisabled) (not @disabled))\n            )\n            this.onClear\n          }}\n          @compressed={{@compressed}}\n          @useGroup={{or hasPrepend hasAppend}}\n        >\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <input\n              id={{inputId}}\n              class={{classes}}\n              value={{this.value}}\n              disabled={{@disabled}}\n              type=\"text\"\n              placeholder={{@placeholder}}\n              ...attributes\n              {{on \"keyup\" (fn this.onKeyUp this.incremental @onSearch)}}\n              {{on \"search\" this.setValue}}\n              {{on \"change\" this.setValue}}\n              {{didInsert this.didInsertInput}}\n              {{didUpdate this.didUpdateValue @value}}\n              {{validatableControl @isInvalid}}\n            />\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["isSearchSupported","EuiFieldSearch","Component","g","prototype","tracked","i","void 0","args","value","defaultValue","argOrDefaultDecorator","setValue","e","target","onSearch","n","action","onKeyUp","incremental","defaultPrevented","key","keys","ENTER","didUpdateValue","onClear","nativeInputValue","Object","getOwnPropertyDescriptor","HTMLInputElement","nativeInputValueSetter","set","undefined","call","inputElement","event","window","Event","bubbles","cancelable","document","createEvent","initEvent","dispatchEvent","focus","didInsertInput","inputRef","Browser","isEventSupported","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","or","EuiFormControlLayout","on","fn","didInsert","didUpdate","validatableControl"],"mappings":"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"}
+{"version":3,"file":"eui-field-search.js","sources":["../../src/components/eui-field-search.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\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 didUpdate from '@ember/render-modifiers/modifiers/did-update';\n\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport { Browser } from '../utils/browser/index.ts';\nimport { keys } from '../utils/keys.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\n\nlet isSearchSupported = false;\n\n/**\n * You can find more typing on the template\n */\ntype EuiFieldSearchArgs = {\n  value?: string;\n  defaultValue?: string;\n\n  /**\n   * When `true` the search will be executed (that is, the `onSearch` will be called) as the\n   * user types.\n   */\n  incremental?: boolean;\n  /**\n   * Optional callback method called on open and close with a single `isOpen` parameter\n   */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  onSearch: (value: string) => void;\n\n  isFakePrependBlock?: boolean;\n  isFakeAppendBlock?: boolean;\n  fullWidth?: boolean;\n  compressed?: boolean;\n  isLoading?: boolean;\n  isClearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n  id?: string;\n  isInvalid?: boolean;\n  isDisabled?: boolean;\n};\n\nexport interface EuiFieldSearchSignature {\n  Element: HTMLInputElement;\n  Args: EuiFieldSearchArgs;\n  Blocks: {\n    prepend: [...EuiFormControlLayoutSignature['Blocks']['prepend'], string];\n    field: [];\n    append: [...EuiFormControlLayoutSignature['Blocks']['append'], string];\n  };\n}\n\nexport default class EuiFieldSearch extends Component<EuiFieldSearchSignature> {\n  @tracked inputElement: HTMLInputElement | null = null;\n  @tracked value: string | undefined =\n    this.args.value ||\n    (this.args.defaultValue ? `${this.args.defaultValue}` : '');\n\n  @argOrDefaultDecorator(false) incremental = false;\n\n  @action\n  setValue(e: Event): void {\n    const value = (e.target as HTMLInputElement).value;\n\n    if (this.value !== value) {\n      this.value = value;\n    }\n\n    this.args.onSearch?.(this.value);\n  }\n\n  @action\n  onKeyUp(\n    incremental: boolean,\n    onSearch: (value: string) => void,\n    e: KeyboardEvent\n  ): void {\n    this.value = (e.target as HTMLInputElement).value;\n\n    if (this.args.onKeyUp) {\n      this.args.onKeyUp(e);\n\n      if (e.defaultPrevented) {\n        return;\n      }\n    }\n\n    if (\n      onSearch &&\n      ((e.key !== keys.ENTER && incremental) ||\n        (e.key === keys.ENTER && !isSearchSupported))\n    ) {\n      onSearch((e.target as HTMLInputElement).value);\n    }\n  }\n\n  @action\n  didUpdateValue() {\n    this.value = this.args.value;\n  }\n\n  @action\n  onClear(): void {\n    const nativeInputValue = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      'value'\n    );\n    const nativeInputValueSetter = nativeInputValue\n      ? nativeInputValue.set\n      : undefined;\n\n    if (nativeInputValueSetter) {\n      nativeInputValueSetter.call(this.inputElement, '');\n    }\n\n    // dispatch input event, with IE11 support/fallback\n    let event;\n\n    if ('Event' in window && typeof Event === 'function') {\n      event = new Event('input', {\n        bubbles: true,\n        cancelable: false\n      });\n    } else {\n      // IE11\n      event = document.createEvent('Event');\n      event.initEvent('input', true, false);\n    }\n\n    if (this.inputElement) {\n      if (event) {\n        this.inputElement.dispatchEvent(event);\n      }\n\n      // set focus on the search field\n      this.inputElement.focus();\n      this.inputElement.dispatchEvent(new Event('change'));\n    }\n\n    this.value = '';\n\n    if (this.args.onSearch && this.incremental) {\n      this.args.onSearch('');\n    }\n  }\n\n  @action\n  didInsertInput(inputRef: HTMLInputElement): void {\n    this.inputElement = inputRef;\n    isSearchSupported = Browser.isEventSupported('search', this.inputElement);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.inputElement = null;\n  }\n\n  <template>\n    {{#let\n      (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n      (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n      (argOrDefault @id (randomId))\n      as |hasPrepend hasAppend inputId|\n    }}\n      {{#let\n        (classNames\n          (if @fullWidth \"euiFieldSearch--fullWidth\")\n          (if @compressed \"euiFieldSearch--compressed\")\n          (if (or hasPrepend hasAppend) \"euiFieldSearch--inGroup\")\n          (if @isLoading \"euiFieldSearch--isLoading\")\n          (if\n            (and (argOrDefault @isClearable true) @value)\n            \"euiFieldSearch--isClearable\"\n          )\n          \"euiFieldSearch\"\n        )\n        as |classes|\n      }}\n        <EuiFormControlLayout\n          @icon=\"search\"\n          @fullWidth={{@fullWidth}}\n          @isLoading={{@isLoading}}\n          @disabled={{@disabled}}\n          @clear={{if\n            (and\n              (argOrDefault @isClearable true)\n              @value\n              (not @readOnly)\n              (and (not @isDisabled) (not @disabled))\n            )\n            this.onClear\n          }}\n          @compressed={{@compressed}}\n          @useGroup={{or hasPrepend hasAppend}}\n        >\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <input\n              id={{inputId}}\n              class={{classes}}\n              value={{this.value}}\n              disabled={{@disabled}}\n              type=\"text\"\n              placeholder={{@placeholder}}\n              ...attributes\n              {{on \"keyup\" (fn this.onKeyUp this.incremental @onSearch)}}\n              {{on \"search\" this.setValue}}\n              {{on \"change\" this.setValue}}\n              {{didInsert this.didInsertInput}}\n              {{didUpdate this.didUpdateValue @value}}\n              {{validatableControl @isInvalid}}\n            />\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["isSearchSupported","EuiFieldSearch","Component","g","prototype","tracked","i","args","value","defaultValue","argOrDefaultDecorator","setValue","e","target","onSearch","n","action","onKeyUp","incremental","defaultPrevented","key","keys","ENTER","didUpdateValue","onClear","nativeInputValue","Object","getOwnPropertyDescriptor","HTMLInputElement","nativeInputValueSetter","set","undefined","call","inputElement","event","window","Event","bubbles","cancelable","document","createEvent","initEvent","dispatchEvent","focus","didInsertInput","inputRef","Browser","isEventSupported","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","or","EuiFormControlLayout","on","fn","didInsert","didUpdate","validatableControl"],"mappings":"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"}

package/dist/components/eui-field-text.js

@@ -10,7 +10,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFieldText = setComponentTemplate(precompileTemplate("\n  {{#let (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n    {{#let (classNames (if @icon \"euiFieldText--withIcon\") (if @fullWidth \"euiFieldText--fullWidth\") (if @compressed \"euiFieldText--compressed\") (if (or hasPrepend hasAppend) \"euiFieldText--inGroup\") (if @isLoading \"euiFieldText--isLoading\") \"euiFieldText\") as |classes|}}\n      {{#if @controlOnly}}\n        <input id={{inputId}} value={{@value}} class={{classes}} disabled={{@disabled}} type=\"text\" placeholder={{@placeholder}} readonly={{@readOnly}} ...attributes {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} />\n      {{else}}\n        <EuiFormControlLayout @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <input id={{inputId}} value={{@value}} class={{classes}} disabled={{@disabled}} type=\"text\" placeholder={{@placeholder}} readonly={{@readOnly}} ...attributes {{validatableControl @isInvalid}} />\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/if}}\n    {{/let}}\n  {{/let}}\n", {
+const EuiFieldText = setComponentTemplate(precompileTemplate("{{#let (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n  {{#let (classNames (if @icon \"euiFieldText--withIcon\") (if @fullWidth \"euiFieldText--fullWidth\") (if @compressed \"euiFieldText--compressed\") (if (or hasPrepend hasAppend) \"euiFieldText--inGroup\") (if @isLoading \"euiFieldText--isLoading\") \"euiFieldText\") as |classes|}}\n    {{#if @controlOnly}}\n      <input id={{inputId}} value={{@value}} class={{classes}} disabled={{@disabled}} type=\"text\" placeholder={{@placeholder}} readonly={{@readOnly}} ...attributes {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} />\n    {{else}}\n      <EuiFormControlLayout @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n        <:prepend as |prependClasses|>\n          {{yield prependClasses inputId to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          <input id={{inputId}} value={{@value}} class={{classes}} disabled={{@disabled}} type=\"text\" placeholder={{@placeholder}} readonly={{@readOnly}} ...attributes {{validatableControl @isInvalid}} />\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses inputId to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/if}}\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

package/dist/components/eui-field-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-field-text.js","sources":["../../src/components/eui-field-text.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFieldTextSignature {\n  Element: HTMLInputElement;\n  Args: {\n    id?: string;\n    value?: string;\n    placeholder?: string;\n    icon?: EuiFormControlLayoutSignature['Args']['icon'];\n    fullWidth?: boolean;\n    isLoading?: boolean;\n    compressed?: boolean;\n    readOnly?: boolean;\n    disabled?: boolean;\n    clear?: () => void;\n    controlOnly?: boolean;\n    isInvalid?: boolean;\n    inputRef?: (element: HTMLInputElement | null) => void;\n    isFakePrependBlock?: boolean;\n    isFakeAppendBlock?: boolean;\n  };\n  Blocks: {\n    prepend: [...EuiFormControlLayoutSignature['Blocks']['prepend'], string];\n    append: [...EuiFormControlLayoutSignature['Blocks']['append'], string];\n  };\n}\n\nconst EuiFieldText: TemplateOnlyComponent<EuiFieldTextSignature> = <template>\n  {{#let\n    (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n    (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n    (argOrDefault @id (randomId))\n    as |hasPrepend hasAppend inputId|\n  }}\n    {{#let\n      (classNames\n        (if @icon \"euiFieldText--withIcon\")\n        (if @fullWidth \"euiFieldText--fullWidth\")\n        (if @compressed \"euiFieldText--compressed\")\n        (if (or hasPrepend hasAppend) \"euiFieldText--inGroup\")\n        (if @isLoading \"euiFieldText--isLoading\")\n        \"euiFieldText\"\n      )\n      as |classes|\n    }}\n      {{#if @controlOnly}}\n        <input\n          id={{inputId}}\n          value={{@value}}\n          class={{classes}}\n          disabled={{@disabled}}\n          type=\"text\"\n          placeholder={{@placeholder}}\n          readonly={{@readOnly}}\n          ...attributes\n          {{validatableControl @isInvalid}}\n          {{didInsert (optional @inputRef)}}\n        />\n      {{else}}\n        <EuiFormControlLayout\n          @icon={{@icon}}\n          @clear={{@clear}}\n          @fullWidth={{@fullWidth}}\n          @isLoading={{@isLoading}}\n          @compressed={{@compressed}}\n          @readOnly={{@readOnly}}\n          @disabled={{@disabled}}\n          @useGroup={{or hasPrepend hasAppend}}\n        >\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <input\n              id={{inputId}}\n              value={{@value}}\n              class={{classes}}\n              disabled={{@disabled}}\n              type=\"text\"\n              placeholder={{@placeholder}}\n              readonly={{@readOnly}}\n              ...attributes\n              {{validatableControl @isInvalid}}\n            />\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiFieldText;\n"],"names":["EuiFieldText","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","or","validatableControl","didInsert","optional","EuiFormControlLayout","templateOnly"],"mappings":";;;;;;;;;;;;AAuCA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAiEnE,ukDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-field-text.js","sources":["../../src/components/eui-field-text.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFieldTextSignature {\n  Element: HTMLInputElement;\n  Args: {\n    id?: string;\n    value?: string;\n    placeholder?: string;\n    icon?: EuiFormControlLayoutSignature['Args']['icon'];\n    fullWidth?: boolean;\n    isLoading?: boolean;\n    compressed?: boolean;\n    readOnly?: boolean;\n    disabled?: boolean;\n    clear?: () => void;\n    controlOnly?: boolean;\n    isInvalid?: boolean;\n    inputRef?: (element: HTMLInputElement | null) => void;\n    isFakePrependBlock?: boolean;\n    isFakeAppendBlock?: boolean;\n  };\n  Blocks: {\n    prepend: [...EuiFormControlLayoutSignature['Blocks']['prepend'], string];\n    append: [...EuiFormControlLayoutSignature['Blocks']['append'], string];\n  };\n}\n\nconst EuiFieldText: TemplateOnlyComponent<EuiFieldTextSignature> = <template>\n  {{#let\n    (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n    (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n    (argOrDefault @id (randomId))\n    as |hasPrepend hasAppend inputId|\n  }}\n    {{#let\n      (classNames\n        (if @icon \"euiFieldText--withIcon\")\n        (if @fullWidth \"euiFieldText--fullWidth\")\n        (if @compressed \"euiFieldText--compressed\")\n        (if (or hasPrepend hasAppend) \"euiFieldText--inGroup\")\n        (if @isLoading \"euiFieldText--isLoading\")\n        \"euiFieldText\"\n      )\n      as |classes|\n    }}\n      {{#if @controlOnly}}\n        <input\n          id={{inputId}}\n          value={{@value}}\n          class={{classes}}\n          disabled={{@disabled}}\n          type=\"text\"\n          placeholder={{@placeholder}}\n          readonly={{@readOnly}}\n          ...attributes\n          {{validatableControl @isInvalid}}\n          {{didInsert (optional @inputRef)}}\n        />\n      {{else}}\n        <EuiFormControlLayout\n          @icon={{@icon}}\n          @clear={{@clear}}\n          @fullWidth={{@fullWidth}}\n          @isLoading={{@isLoading}}\n          @compressed={{@compressed}}\n          @readOnly={{@readOnly}}\n          @disabled={{@disabled}}\n          @useGroup={{or hasPrepend hasAppend}}\n        >\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <input\n              id={{inputId}}\n              value={{@value}}\n              class={{classes}}\n              disabled={{@disabled}}\n              type=\"text\"\n              placeholder={{@placeholder}}\n              readonly={{@readOnly}}\n              ...attributes\n              {{validatableControl @isInvalid}}\n            />\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiFieldText;\n"],"names":["EuiFieldText","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","or","validatableControl","didInsert","optional","EuiFormControlLayout","templateOnly"],"mappings":";;;;;;;;;;;;AAuCA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAiEnE,6hDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-file-picker.js

@@ -10,12 +10,13 @@ import argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.j
 import classNames from '../helpers/class-names.js';
 import validatableControl from '../modifiers/validatable-control.js';
 import EuiButtonEmpty from './eui-button-empty.js';
+import EuiI18nComponent from './eui-i18n.js';
 import EuiIcon from './eui-icon.js';
 import EuiLoadingSpinner from './eui-loading-spinner.js';
 import EuiProgress from './eui-progress.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 class EuiFilePickerComponent extends Component {
   static {
@@ -111,7 +112,7 @@ class EuiFilePickerComponent extends Component {
     this.fileInput = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (classNames (if @compressed \"euiFilePicker--compressed\") (if @fullWidth \"euiFilePicker--fullWidth\") (if @isInvalid \"euiFilePicker--isInvalid\") (if @isLoading \"euiFilePicker--isLoading\") display=this.display componentName=\"EuiFilePicker\") (argOrDefault @id (randomId)) as |classes inputId|}}\n      {{#let (if inputId (concat inputId \"-filePicker__prompt\") (randomId)) (notEq this.promptText null) (eq this.display \"default\") as |promptId isOverridingInitialPrompt normalFormControl|}}\n        <div class=\"{{classes}}\n            {{if this.isHoveringDrop \"euiFilePicker__showDrop\"}}\n            {{if isOverridingInitialPrompt \"euiFilePicker--hasFiles\"}}\">\n          <div class=\"euiFilePicker__wrap\">\n            <input type=\"file\" id={{inputId}} name={{@name}} class=\"euiFilePicker__input\" disabled={{@disabled}} aria-describedby={{promptId}} multiple={{@multiple}} {{on \"dragover\" this.showDrop}} {{on \"dragleave\" this.hideDrop}} {{on \"drop\" this.hideDrop}} {{on \"change\" this.handleChange}} {{didInsert this.didInsertInput}} {{validatableControl @isInvalid}} ...attributes />\n            <div class=\"euiFilePicker__prompt\" id={{promptId}}>\n              <EuiIcon @iconClasses=\"euiFilePicker__icon\" @type=\"importAction\" @size={{if true \"m\" \"l\"}} aria-hidden=\"true\" />\n              <div class=\"euiFilePicker__promptText\">\n                {{if this.promptText this.promptText this.initialPromptText}}\n              </div>\n              {{#if (and @isLoading normalFormControl)}}\n                <EuiLoadingSpinner class=\"euiFilePicker__loadingSpinner\" />\n              {{else if isOverridingInitialPrompt}}\n                {{#if normalFormControl}}\n                  <button type=\"button\" aria-label=\"Clear selected files\" class=\"euiFilePicker__clearButton\" {{on \"click\" this.removeFiles}}>\n                    <EuiIcon @iconClasses=\"euiFilePicker__clearIcon\" @type=\"cross\" />\n                  </button>\n                {{else}}\n                  <EuiButtonEmpty aria-label=\"Clear selected files\" class=\"euiFilePicker__clearButton\" @size=\"xs\" {{on \"click\" this.removeFiles}}>\n                    Remove\n                  </EuiButtonEmpty>\n                {{/if}}\n              {{/if}}\n              {{#if (and (not normalFormControl) @isLoading)}}\n                <EuiProgress @size=\"xs\" @color=\"accent\" position=\"absolute\" />\n              {{/if}}\n            </div>\n          </div>\n        </div>\n      {{/let}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (classNames (if @compressed \"euiFilePicker--compressed\") (if @fullWidth \"euiFilePicker--fullWidth\") (if @isInvalid \"euiFilePicker--isInvalid\") (if @isLoading \"euiFilePicker--isLoading\") display=this.display componentName=\"EuiFilePicker\") (argOrDefault @id (randomId)) as |classes inputId|}}\n  {{#let (if inputId (concat inputId \"-filePicker__prompt\") (randomId)) (notEq this.promptText null) (eq this.display \"default\") as |promptId isOverridingInitialPrompt normalFormControl|}}\n    <div class={{classNames classes (if this.isHoveringDrop \"euiFilePicker__showDrop\") (if isOverridingInitialPrompt \"euiFilePicker--hasFiles\")}}>\n      <div class=\"euiFilePicker__wrap\">\n        <input type=\"file\" id={{inputId}} name={{@name}} class=\"euiFilePicker__input\" disabled={{@disabled}} aria-describedby={{promptId}} multiple={{@multiple}} {{on \"dragover\" this.showDrop}} {{on \"dragleave\" this.hideDrop}} {{on \"drop\" this.hideDrop}} {{on \"change\" this.handleChange}} {{didInsert this.didInsertInput}} {{validatableControl @isInvalid}} ...attributes />\n        <div class=\"euiFilePicker__prompt\" id={{promptId}}>\n          <EuiIcon @iconClasses=\"euiFilePicker__icon\" @type=\"importAction\" @size={{if true \"m\" \"l\"}} aria-hidden=\"true\" />\n          <div class=\"euiFilePicker__promptText\">\n            {{if this.promptText this.promptText this.initialPromptText}}\n          </div>\n          {{#if (and @isLoading normalFormControl)}}\n            <EuiLoadingSpinner class=\"euiFilePicker__loadingSpinner\" />\n          {{else if isOverridingInitialPrompt}}\n            {{#if normalFormControl}}\n              <button type=\"button\" aria-label=\"Clear selected files\" class=\"euiFilePicker__clearButton\" {{on \"click\" this.removeFiles}}>\n                <EuiIcon @iconClasses=\"euiFilePicker__clearIcon\" @type=\"cross\" />\n              </button>\n            {{else}}\n              <EuiButtonEmpty aria-label=\"Clear selected files\" class=\"euiFilePicker__clearButton\" @size=\"xs\" {{on \"click\" this.removeFiles}}>\n                <EuiI18n @token=\"euiFilePicker.removeFiles\" @default=\"Remove\" as |Token|>\n                  <Token as |value|>\n                    {{value}}\n                  </Token>\n                </EuiI18n>\n              </EuiButtonEmpty>\n            {{/if}}\n          {{/if}}\n          {{#if (and (not normalFormControl) @isLoading)}}\n            <EuiProgress @size=\"xs\" @color=\"accent\" position=\"absolute\" />\n          {{/if}}\n        </div>\n      </div>\n    </div>\n  {{/let}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         classNames,
@@ -127,6 +128,7 @@ class EuiFilePickerComponent extends Component {
         and,
         EuiLoadingSpinner,
         EuiButtonEmpty,
+        EuiI18n: EuiI18nComponent,
         not,
         EuiProgress
       })

package/dist/components/eui-file-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-file-picker.js","sources":["../../src/components/eui-file-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, eq, not, notEq, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiProgress from './eui-progress.gts';\n\nimport type { displayMapping } from '../utils/css-mappings/eui-file-picker.ts';\n\nexport type EuiFilePickerDisplay = keyof typeof displayMapping;\n\n/**\n * You can find more typing on the template\n */\ntype EuiFilePicker = {\n  id?: string;\n  name?: string;\n  class?: string;\n  /**\n   * The content that appears in the dropzone if no file is attached\n   */\n  initialPromptText?: Component | string | null;\n  /**\n   * Use as a callback to access the HTML FileList API\n   */\n  onChange?: (files: FileList | null) => void;\n  /**\n   * Reduces the size to a typical (compressed) input\n   */\n  compressed?: boolean;\n  /**\n   * Size or type of display;\n   * `default` for normal height, similar to other controls;\n   * `large` for taller size\n   */\n  display?: EuiFilePickerDisplay;\n  fullWidth?: boolean;\n  isInvalid?: boolean;\n  isLoading?: boolean;\n  disabled?: boolean;\n  multiple?: boolean;\n\n  /**\n   * Optionally pass a fn to get the instance of the component to access it programatically\n   */\n  ref?: (c: typeof EuiFilePickerComponent) => void;\n};\n\nexport interface EuiFilePickerSignature {\n  Element: HTMLInputElement;\n  Args: EuiFilePicker;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiFilePickerComponent extends Component<EuiFilePickerSignature> {\n  @tracked fileInput: HTMLInputElement | null = null;\n  @tracked promptText: string | null | undefined = null;\n  @tracked isHoveringDrop = false;\n\n  @argOrDefaultDecorator('Select or drag and drop a file') initialPromptText!:\n    | Component\n    | string\n    | null;\n\n  @argOrDefaultDecorator(false) compressed!: boolean;\n  @argOrDefaultDecorator('') display!: string;\n\n  @action\n  showDrop(): void {\n    if (!this.args.disabled) {\n      this.isHoveringDrop = true;\n    }\n  }\n\n  @action\n  hideDrop(): void {\n    this.isHoveringDrop = false;\n  }\n\n  @action\n  handleChange(): void {\n    if (!this.fileInput) return;\n\n    if (this.fileInput.files && this.fileInput.files.length > 1) {\n      this.promptText = `${this.fileInput.files.length} files selected`;\n      // TODO: Change when EuiI18n is available\n      // <EuiI18n\n      //   token=\"euiFilePicker.filesSelected\"\n      //   default=\"{fileCount} files selected\"\n      //   values={{ fileCount: this.fileInput.files.length }}\n      // />\n    } else if (this.fileInput.files && this.fileInput.files.length === 0) {\n      this.promptText = null;\n    } else {\n      this.promptText = this.fileInput.value.split('\\\\').pop();\n    }\n\n    const { onChange } = this.args;\n\n    if (onChange) {\n      onChange(this.fileInput.files);\n    }\n  }\n\n  @action\n  removeFiles(e?: MouseEvent): void {\n    if (e) {\n      e.stopPropagation();\n      e.preventDefault();\n    }\n\n    if (!this.fileInput) return;\n\n    this.fileInput.value = '';\n    this.handleChange();\n  }\n\n  @action\n  didInsertInput(inputRef: HTMLInputElement): void {\n    this.fileInput = inputRef;\n    this.args.ref?.(this as any as typeof EuiFilePickerComponent);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.fileInput = null;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        (if @compressed \"euiFilePicker--compressed\")\n        (if @fullWidth \"euiFilePicker--fullWidth\")\n        (if @isInvalid \"euiFilePicker--isInvalid\")\n        (if @isLoading \"euiFilePicker--isLoading\")\n        display=this.display\n        componentName=\"EuiFilePicker\"\n      )\n      (argOrDefault @id (randomId))\n      as |classes inputId|\n    }}\n      {{#let\n        (if inputId (concat inputId \"-filePicker__prompt\") (randomId))\n        (notEq this.promptText null)\n        (eq this.display \"default\")\n        as |promptId isOverridingInitialPrompt normalFormControl|\n      }}\n        <div\n          class=\"{{classes}}\n            {{if this.isHoveringDrop 'euiFilePicker__showDrop'}}\n            {{if isOverridingInitialPrompt 'euiFilePicker--hasFiles'}}\"\n        >\n          <div class=\"euiFilePicker__wrap\">\n            <input\n              type=\"file\"\n              id={{inputId}}\n              name={{@name}}\n              class=\"euiFilePicker__input\"\n              disabled={{@disabled}}\n              aria-describedby={{promptId}}\n              multiple={{@multiple}}\n              {{on \"dragover\" this.showDrop}}\n              {{on \"dragleave\" this.hideDrop}}\n              {{on \"drop\" this.hideDrop}}\n              {{on \"change\" this.handleChange}}\n              {{didInsert this.didInsertInput}}\n              {{validatableControl @isInvalid}}\n              ...attributes\n            />\n            <div class=\"euiFilePicker__prompt\" id={{promptId}}>\n              <EuiIcon\n                @iconClasses=\"euiFilePicker__icon\"\n                @type=\"importAction\"\n                @size={{if true \"m\" \"l\"}}\n                aria-hidden=\"true\"\n              />\n              <div class=\"euiFilePicker__promptText\">\n                {{if this.promptText this.promptText this.initialPromptText}}\n              </div>\n              {{#if (and @isLoading normalFormControl)}}\n                <EuiLoadingSpinner class=\"euiFilePicker__loadingSpinner\" />\n              {{else if isOverridingInitialPrompt}}\n                {{#if normalFormControl}}\n                  <button\n                    type=\"button\"\n                    aria-label=\"Clear selected files\"\n                    class=\"euiFilePicker__clearButton\"\n                    {{on \"click\" this.removeFiles}}\n                  >\n                    <EuiIcon\n                      @iconClasses=\"euiFilePicker__clearIcon\"\n                      @type=\"cross\"\n                    />\n                  </button>\n                {{else}}\n                  <EuiButtonEmpty\n                    aria-label=\"Clear selected files\"\n                    class=\"euiFilePicker__clearButton\"\n                    @size=\"xs\"\n                    {{on \"click\" this.removeFiles}}\n                  >\n                    Remove\n                  </EuiButtonEmpty>\n                {{/if}}\n              {{/if}}\n              {{#if (and (not normalFormControl) @isLoading)}}\n                <EuiProgress @size=\"xs\" @color=\"accent\" position=\"absolute\" />\n              {{/if}}\n            </div>\n          </div>\n        </div>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiFilePickerComponent","Component","g","prototype","tracked","i","void 0","argOrDefaultDecorator","showDrop","args","disabled","isHoveringDrop","n","action","hideDrop","handleChange","fileInput","files","length","promptText","value","split","pop","onChange","removeFiles","e","stopPropagation","preventDefault","didInsertInput","inputRef","ref","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","randomId","concat","notEq","eq","on","didInsert","validatableControl","EuiIcon","and","EuiLoadingSpinner","EuiButtonEmpty","not","EuiProgress"],"mappings":"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"}
+{"version":3,"file":"eui-file-picker.js","sources":["../../src/components/eui-file-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, eq, not, notEq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiProgress from './eui-progress.gts';\n\nimport type { displayMapping } from '../utils/css-mappings/eui-file-picker.ts';\n\nexport type EuiFilePickerDisplay = keyof typeof displayMapping;\n\n/**\n * You can find more typing on the template\n */\ntype EuiFilePicker = {\n  id?: string;\n  name?: string;\n  class?: string;\n  /**\n   * The content that appears in the dropzone if no file is attached\n   */\n  initialPromptText?: Component | string | null;\n  /**\n   * Use as a callback to access the HTML FileList API\n   */\n  onChange?: (files: FileList | null) => void;\n  /**\n   * Reduces the size to a typical (compressed) input\n   */\n  compressed?: boolean;\n  /**\n   * Size or type of display;\n   * `default` for normal height, similar to other controls;\n   * `large` for taller size\n   */\n  display?: EuiFilePickerDisplay;\n  fullWidth?: boolean;\n  isInvalid?: boolean;\n  isLoading?: boolean;\n  disabled?: boolean;\n  multiple?: boolean;\n\n  /**\n   * Optionally pass a fn to get the instance of the component to access it programatically\n   */\n  ref?: (c: typeof EuiFilePickerComponent) => void;\n};\n\nexport interface EuiFilePickerSignature {\n  Element: HTMLInputElement;\n  Args: EuiFilePicker;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiFilePickerComponent extends Component<EuiFilePickerSignature> {\n  @tracked fileInput: HTMLInputElement | null = null;\n  @tracked promptText: string | null | undefined = null;\n  @tracked isHoveringDrop = false;\n\n  @argOrDefaultDecorator('Select or drag and drop a file') initialPromptText!:\n    | Component\n    | string\n    | null;\n\n  @argOrDefaultDecorator(false) compressed!: boolean;\n  @argOrDefaultDecorator('') display!: string;\n\n  @action\n  showDrop(): void {\n    if (!this.args.disabled) {\n      this.isHoveringDrop = true;\n    }\n  }\n\n  @action\n  hideDrop(): void {\n    this.isHoveringDrop = false;\n  }\n\n  @action\n  handleChange(): void {\n    if (!this.fileInput) return;\n\n    if (this.fileInput.files && this.fileInput.files.length > 1) {\n      this.promptText = `${this.fileInput.files.length} files selected`;\n      // TODO: Change when EuiI18n is available\n      // <EuiI18n\n      //   token=\"euiFilePicker.filesSelected\"\n      //   default=\"{fileCount} files selected\"\n      //   values={{ fileCount: this.fileInput.files.length }}\n      // />\n    } else if (this.fileInput.files && this.fileInput.files.length === 0) {\n      this.promptText = null;\n    } else {\n      this.promptText = this.fileInput.value.split('\\\\').pop();\n    }\n\n    const { onChange } = this.args;\n\n    if (onChange) {\n      onChange(this.fileInput.files);\n    }\n  }\n\n  @action\n  removeFiles(e?: MouseEvent): void {\n    if (e) {\n      e.stopPropagation();\n      e.preventDefault();\n    }\n\n    if (!this.fileInput) return;\n\n    this.fileInput.value = '';\n    this.handleChange();\n  }\n\n  @action\n  didInsertInput(inputRef: HTMLInputElement): void {\n    this.fileInput = inputRef;\n    this.args.ref?.(this as any as typeof EuiFilePickerComponent);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.fileInput = null;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        (if @compressed \"euiFilePicker--compressed\")\n        (if @fullWidth \"euiFilePicker--fullWidth\")\n        (if @isInvalid \"euiFilePicker--isInvalid\")\n        (if @isLoading \"euiFilePicker--isLoading\")\n        display=this.display\n        componentName=\"EuiFilePicker\"\n      )\n      (argOrDefault @id (randomId))\n      as |classes inputId|\n    }}\n      {{#let\n        (if inputId (concat inputId \"-filePicker__prompt\") (randomId))\n        (notEq this.promptText null)\n        (eq this.display \"default\")\n        as |promptId isOverridingInitialPrompt normalFormControl|\n      }}\n        <div\n          class={{classNames\n            classes\n            (if this.isHoveringDrop \"euiFilePicker__showDrop\")\n            (if isOverridingInitialPrompt \"euiFilePicker--hasFiles\")\n          }}\n        >\n          <div class=\"euiFilePicker__wrap\">\n            <input\n              type=\"file\"\n              id={{inputId}}\n              name={{@name}}\n              class=\"euiFilePicker__input\"\n              disabled={{@disabled}}\n              aria-describedby={{promptId}}\n              multiple={{@multiple}}\n              {{on \"dragover\" this.showDrop}}\n              {{on \"dragleave\" this.hideDrop}}\n              {{on \"drop\" this.hideDrop}}\n              {{on \"change\" this.handleChange}}\n              {{didInsert this.didInsertInput}}\n              {{validatableControl @isInvalid}}\n              ...attributes\n            />\n            <div class=\"euiFilePicker__prompt\" id={{promptId}}>\n              <EuiIcon\n                @iconClasses=\"euiFilePicker__icon\"\n                @type=\"importAction\"\n                @size={{if true \"m\" \"l\"}}\n                aria-hidden=\"true\"\n              />\n              <div class=\"euiFilePicker__promptText\">\n                {{if this.promptText this.promptText this.initialPromptText}}\n              </div>\n              {{#if (and @isLoading normalFormControl)}}\n                <EuiLoadingSpinner class=\"euiFilePicker__loadingSpinner\" />\n              {{else if isOverridingInitialPrompt}}\n                {{#if normalFormControl}}\n                  <button\n                    type=\"button\"\n                    aria-label=\"Clear selected files\"\n                    class=\"euiFilePicker__clearButton\"\n                    {{on \"click\" this.removeFiles}}\n                  >\n                    <EuiIcon\n                      @iconClasses=\"euiFilePicker__clearIcon\"\n                      @type=\"cross\"\n                    />\n                  </button>\n                {{else}}\n                  <EuiButtonEmpty\n                    aria-label=\"Clear selected files\"\n                    class=\"euiFilePicker__clearButton\"\n                    @size=\"xs\"\n                    {{on \"click\" this.removeFiles}}\n                  >\n                    <EuiI18n\n                      @token=\"euiFilePicker.removeFiles\"\n                      @default=\"Remove\"\n                      as |Token|\n                    >\n                      <Token as |value|>\n                        {{value}}\n                      </Token>\n                    </EuiI18n>\n                  </EuiButtonEmpty>\n                {{/if}}\n              {{/if}}\n              {{#if (and (not normalFormControl) @isLoading)}}\n                <EuiProgress @size=\"xs\" @color=\"accent\" position=\"absolute\" />\n              {{/if}}\n            </div>\n          </div>\n        </div>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiFilePickerComponent","Component","g","prototype","tracked","i","argOrDefaultDecorator","showDrop","args","disabled","isHoveringDrop","n","action","hideDrop","handleChange","fileInput","files","length","promptText","value","split","pop","onChange","removeFiles","e","stopPropagation","preventDefault","didInsertInput","inputRef","ref","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","randomId","concat","notEq","eq","on","didInsert","validatableControl","EuiIcon","and","EuiLoadingSpinner","EuiButtonEmpty","EuiI18n","not","EuiProgress"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoEe,MAAMA,+BAA+BC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAC3DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6C,IAAK;AAAA,KAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CAClDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAgD,IAAK;AAAA,KAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CACrDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAyB,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,mBAAA,EAAA,CAE/BG,qBAAsB,CAAA,gCAAA,CAAA,CAAA,CAAA;AAAA;EAAA,kBAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CAKtBG,qBAAsB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,SAAA,EAAA,CACtBG,qBAAsB,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAGvBE,EAAAA,QAAAA,GAAiB;AACf,IAAA,IAAI,CAAC,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;MACvB,IAAI,CAACC,cAAc,GAAG,IAAA;AACxB;AACF;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAR,SAAA,EAAA,UAAA,EAAA,CALCS,MAAA,CAAA,CAAA;AAAA;AAQDC,EAAAA,QAAAA,GAAiB;IACf,IAAI,CAACH,cAAc,GAAG,KAAA;AACxB;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAR,SAAA,EAAA,UAAA,EAAA,CAHCS,MAAA,CAAA,CAAA;AAAA;AAMDE,EAAAA,YAAAA,GAAqB;AACnB,IAAA,IAAI,CAAC,IAAI,CAACC,SAAS,EAAE;AAErB,IAAA,IAAI,IAAI,CAACA,SAAS,CAACC,KAAK,IAAI,IAAI,CAACD,SAAS,CAACC,KAAK,CAACC,MAAM,GAAG,CAAG,EAAA;MAC3D,IAAI,CAACC,UAAU,GAAG,CAAG,EAAA,IAAI,CAACH,SAAS,CAACC,KAAK,CAACC,MAAM,CAAiB,eAAA,CAAA;AACjE;AACA;AACA;AACA;AACA;AACA;AACF,KAAA,MAAO,IAAI,IAAI,CAACF,SAAS,CAACC,KAAK,IAAI,IAAI,CAACD,SAAS,CAACC,KAAK,CAACC,MAAM,KAAK,CAAG,EAAA;MACpE,IAAI,CAACC,UAAU,GAAG,IAAA;AACpB,KAAO,MAAA;AACL,MAAA,IAAI,CAACA,UAAU,GAAG,IAAI,CAACH,SAAS,CAACI,KAAK,CAACC,KAAK,CAAC,IAAA,CAAA,CAAMC,GAAG,EAAA;AACxD;IAEA,MAAM;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACd,IAAI;AAE9B,IAAA,IAAIc,QAAU,EAAA;AACZA,MAAAA,QAAA,CAAS,IAAI,CAACP,SAAS,CAACC,KAAK,CAAA;AAC/B;AACF;AAAA,EAAA;IAAAL,CAAA,CAAA,IAAA,CAAAR,SAAA,EAAA,cAAA,EAAA,CAvBCS,MAAA,CAAA,CAAA;AAAA;EA0BDW,WAAAA,CAAYC,CAAc,EAAQ;AAChC,IAAA,IAAIA,CAAG,EAAA;MACLA,CAAA,CAAEC,eAAe,EAAA;MACjBD,CAAA,CAAEE,cAAc,EAAA;AAClB;AAEA,IAAA,IAAI,CAAC,IAAI,CAACX,SAAS,EAAE;AAErB,IAAA,IAAI,CAACA,SAAS,CAACI,KAAK,GAAG,EAAA;IACvB,IAAI,CAACL,YAAY,EAAA;AACnB;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAR,SAAA,EAAA,aAAA,EAAA,CAXCS,MAAA,CAAA,CAAA;AAAA;EAcDe,cAAAA,CAAeC,QAA0B,EAAQ;IAC/C,IAAI,CAACb,SAAS,GAAGa,QAAA;AACjB,IAAA,IAAI,CAACpB,IAAI,CAACqB,GAAG,GAAG,IAAsB,CAAA;AACxC;AAAA,EAAA;IAAAlB,CAAA,CAAA,IAAA,CAAAR,SAAA,EAAA,gBAAA,EAAA,CAJCS,MAAA,CAAA,CAAA;AAAA;AAMDkB,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACf,SAAS,GAAG,IAAA;AACnB;AAEA,EAAA;IAAAgB,oBAAA,CAAAC,kBAAA,CA+FA,oiFAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,MAAA;QAAAC,KAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,SAAA;QAAAC,kBAAA;QAAAC,OAAA;QAAAC,GAAA;QAAAC,iBAAA;QAAAC,cAAA;iBAAAC,gBAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-flex-grid.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFlexGrid = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div class={{classNames (unless (eq @responsive false) \"euiFlexGrid--responsive\") componentName=\"EuiFlexGrid\" gutterSize=(argOrDefault @gutterSize \"l\") direction=(argOrDefault @direction \"row\") columns=(argOrDefault @columns 0)}} ...attributes>\n        {{yield}}\n      </div>\n    {{else}}\n      {{#let (element tagName) as |Element|}}\n        <Element class={{classNames (unless (eq @responsive false) \"euiFlexGrid--responsive\") componentName=\"EuiFlexGrid\" gutterSize=(argOrDefault @gutterSize \"l\") direction=(argOrDefault @direction \"row\") columns=(argOrDefault @columns 0)}} ...attributes>\n          {{yield}}\n        </Element>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n", {
+const EuiFlexGrid = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @tagName \"div\") as |tagName|}}\n  {{#if (eq tagName \"div\")}}\n    <div class={{classNames (unless (eq @responsive false) \"euiFlexGrid--responsive\") componentName=\"EuiFlexGrid\" gutterSize=(argOrDefault @gutterSize \"l\") direction=(argOrDefault @direction \"row\") columns=(argOrDefault @columns 0)}} ...attributes>\n      {{yield}}\n    </div>\n  {{else}}\n    {{#let (element tagName) as |Element|}}\n      <Element class={{classNames (unless (eq @responsive false) \"euiFlexGrid--responsive\") componentName=\"EuiFlexGrid\" gutterSize=(argOrDefault @gutterSize \"l\") direction=(argOrDefault @direction \"row\") columns=(argOrDefault @columns 0)}} ...attributes>\n        {{yield}}\n      </Element>\n    {{/let}}\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-flex-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-flex-grid.js","sources":["../../src/components/eui-flex-grid.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n  directionMapping,\n  gutterSizeMapping} from '../utils/css-mappings/eui-flex-grid.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexGridSignature {\n  Element: HTMLDivElement | any;\n  Args: {\n    /**\n     * Passes the HTML tag to the wrapping element\n     */\n    tagName?: string;\n    /**\n     * Sets the direction of the flex grid\n     */\n    direction?: keyof typeof directionMapping;\n    /**\n     * Sets the number of columns in the flex grid\n     */\n    columns?: number;\n    /**\n     * Sets the gutter size between flex items\n     */\n    gutterSize?: keyof typeof gutterSizeMapping;\n    /**\n     * Sets the responsive behavior of the flex grid\n     */\n    responsive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlexGrid: TemplateOnlyComponent<EuiFlexGridSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames\n          (unless (eq @responsive false) \"euiFlexGrid--responsive\")\n          componentName=\"EuiFlexGrid\"\n          gutterSize=(argOrDefault @gutterSize \"l\")\n          direction=(argOrDefault @direction \"row\")\n          columns=(argOrDefault @columns 0)\n        }}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else}}\n      {{#let (element tagName) as |Element|}}\n        <Element\n          class={{classNames\n            (unless (eq @responsive false) \"euiFlexGrid--responsive\")\n            componentName=\"EuiFlexGrid\"\n            gutterSize=(argOrDefault @gutterSize \"l\")\n            direction=(argOrDefault @direction \"row\")\n            columns=(argOrDefault @columns 0)\n          }}\n          ...attributes\n        >\n          {{yield}}\n        </Element>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexGrid;\n"],"names":["EuiFlexGrid","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;AAwCA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAgCjE,6xBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-flex-grid.js","sources":["../../src/components/eui-flex-grid.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n  directionMapping,\n  gutterSizeMapping} from '../utils/css-mappings/eui-flex-grid.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexGridSignature {\n  Element: HTMLDivElement | any;\n  Args: {\n    /**\n     * Passes the HTML tag to the wrapping element\n     */\n    tagName?: string;\n    /**\n     * Sets the direction of the flex grid\n     */\n    direction?: keyof typeof directionMapping;\n    /**\n     * Sets the number of columns in the flex grid\n     */\n    columns?: number;\n    /**\n     * Sets the gutter size between flex items\n     */\n    gutterSize?: keyof typeof gutterSizeMapping;\n    /**\n     * Sets the responsive behavior of the flex grid\n     */\n    responsive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlexGrid: TemplateOnlyComponent<EuiFlexGridSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames\n          (unless (eq @responsive false) \"euiFlexGrid--responsive\")\n          componentName=\"EuiFlexGrid\"\n          gutterSize=(argOrDefault @gutterSize \"l\")\n          direction=(argOrDefault @direction \"row\")\n          columns=(argOrDefault @columns 0)\n        }}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else}}\n      {{#let (element tagName) as |Element|}}\n        <Element\n          class={{classNames\n            (unless (eq @responsive false) \"euiFlexGrid--responsive\")\n            componentName=\"EuiFlexGrid\"\n            gutterSize=(argOrDefault @gutterSize \"l\")\n            direction=(argOrDefault @direction \"row\")\n            columns=(argOrDefault @columns 0)\n          }}\n          ...attributes\n        >\n          {{yield}}\n        </Element>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexGrid;\n"],"names":["EuiFlexGrid","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;AAwCA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAgCjE,+vBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-flex-group.js

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFlexGroup = setComponentTemplate(precompileTemplate("\n  {{#if (eq @tagName \"span\")}}\n    <span class={{classNames (unless (eq @responsive false) \"euiFlexGroup--responsive\") (if @wrap \"euiFlexGroup--wrap\") componentName=\"EuiFlexGroup\" gutterSize=(argOrDefault @gutterSize \"l\") alignItems=(argOrDefault @alignItems \"stretch\") justifyContent=(argOrDefault @justifyContent \"flexStart\") direction=(argOrDefault @direction \"row\")}} ...attributes>\n      {{yield}}\n    </span>\n  {{else}}\n    <div class={{classNames (unless (eq @responsive false) \"euiFlexGroup--responsive\") (if @wrap \"euiFlexGroup--wrap\") componentName=\"EuiFlexGroup\" gutterSize=(argOrDefault @gutterSize \"l\") alignItems=(argOrDefault @alignItems \"stretch\") justifyContent=(argOrDefault @justifyContent \"flexStart\") direction=(argOrDefault @direction \"row\")}} ...attributes>\n      {{yield}}\n    </div>\n  {{/if}}\n", {
+const EuiFlexGroup = setComponentTemplate(precompileTemplate("{{#if (eq @tagName \"span\")}}\n  <span class={{classNames (unless (eq @responsive false) \"euiFlexGroup--responsive\") (if @wrap \"euiFlexGroup--wrap\") componentName=\"EuiFlexGroup\" gutterSize=(argOrDefault @gutterSize \"l\") alignItems=(argOrDefault @alignItems \"stretch\") justifyContent=(argOrDefault @justifyContent \"flexStart\") direction=(argOrDefault @direction \"row\")}} ...attributes>\n    {{yield}}\n  </span>\n{{else}}\n  <div class={{classNames (unless (eq @responsive false) \"euiFlexGroup--responsive\") (if @wrap \"euiFlexGroup--wrap\") componentName=\"EuiFlexGroup\" gutterSize=(argOrDefault @gutterSize \"l\") alignItems=(argOrDefault @alignItems \"stretch\") justifyContent=(argOrDefault @justifyContent \"flexStart\") direction=(argOrDefault @direction \"row\")}} ...attributes>\n    {{yield}}\n  </div>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     eq,

package/dist/components/eui-flex-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-flex-group.js","sources":["../../src/components/eui-flex-group.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n  alignItemsMapping,\n  directionMapping,\n  gutterSizeMapping,\n  justifyContentMapping} from '../utils/css-mappings/eui-flex-group.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexGroupSignature {\n  Element: HTMLDivElement | HTMLSpanElement;\n  Args: {\n    gutterSize?: keyof typeof gutterSizeMapping;\n    alignItems?: keyof typeof alignItemsMapping;\n    justifyContent?: keyof typeof justifyContentMapping;\n    direction?: keyof typeof directionMapping;\n    wrap?: boolean;\n    responsive?: boolean;\n    tagName?: 'div' | 'span';\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlexGroup: TemplateOnlyComponent<EuiFlexGroupSignature> = <template>\n  {{#if (eq @tagName \"span\")}}\n    <span\n      class={{classNames\n        (unless (eq @responsive false) \"euiFlexGroup--responsive\")\n        (if @wrap \"euiFlexGroup--wrap\")\n        componentName=\"EuiFlexGroup\"\n        gutterSize=(argOrDefault @gutterSize \"l\")\n        alignItems=(argOrDefault @alignItems \"stretch\")\n        justifyContent=(argOrDefault @justifyContent \"flexStart\")\n        direction=(argOrDefault @direction \"row\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </span>\n  {{else}}\n    <div\n      class={{classNames\n        (unless (eq @responsive false) \"euiFlexGroup--responsive\")\n        (if @wrap \"euiFlexGroup--wrap\")\n        componentName=\"EuiFlexGroup\"\n        gutterSize=(argOrDefault @gutterSize \"l\")\n        alignItems=(argOrDefault @alignItems \"stretch\")\n        justifyContent=(argOrDefault @justifyContent \"flexStart\")\n        direction=(argOrDefault @direction \"row\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  {{/if}}\n</template>;\n\nexport default EuiFlexGroup;\n"],"names":["EuiFlexGroup","setComponentTemplate","precompileTemplate","strictMode","scope","eq","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;;AA4BA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAgCnE,61BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-flex-group.js","sources":["../../src/components/eui-flex-group.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n  alignItemsMapping,\n  directionMapping,\n  gutterSizeMapping,\n  justifyContentMapping} from '../utils/css-mappings/eui-flex-group.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexGroupSignature {\n  Element: HTMLDivElement | HTMLSpanElement;\n  Args: {\n    gutterSize?: keyof typeof gutterSizeMapping;\n    alignItems?: keyof typeof alignItemsMapping;\n    justifyContent?: keyof typeof justifyContentMapping;\n    direction?: keyof typeof directionMapping;\n    wrap?: boolean;\n    responsive?: boolean;\n    tagName?: 'div' | 'span';\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlexGroup: TemplateOnlyComponent<EuiFlexGroupSignature> = <template>\n  {{#if (eq @tagName \"span\")}}\n    <span\n      class={{classNames\n        (unless (eq @responsive false) \"euiFlexGroup--responsive\")\n        (if @wrap \"euiFlexGroup--wrap\")\n        componentName=\"EuiFlexGroup\"\n        gutterSize=(argOrDefault @gutterSize \"l\")\n        alignItems=(argOrDefault @alignItems \"stretch\")\n        justifyContent=(argOrDefault @justifyContent \"flexStart\")\n        direction=(argOrDefault @direction \"row\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </span>\n  {{else}}\n    <div\n      class={{classNames\n        (unless (eq @responsive false) \"euiFlexGroup--responsive\")\n        (if @wrap \"euiFlexGroup--wrap\")\n        componentName=\"EuiFlexGroup\"\n        gutterSize=(argOrDefault @gutterSize \"l\")\n        alignItems=(argOrDefault @alignItems \"stretch\")\n        justifyContent=(argOrDefault @justifyContent \"flexStart\")\n        direction=(argOrDefault @direction \"row\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  {{/if}}\n</template>;\n\nexport default EuiFlexGroup;\n"],"names":["EuiFlexGroup","setComponentTemplate","precompileTemplate","strictMode","scope","eq","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;;AA4BA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAgCnE,u0BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-flex-item.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFlexItem = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div class={{classNames componentName=\"EuiFlexItem\" grow=@grow}} ...attributes>\n        {{yield}}\n      </div>\n    {{else if (eq tagName \"span\")}}\n      <span class={{classNames componentName=\"EuiFlexItem\" grow=@grow}} ...attributes>\n        {{yield}}\n      </span>\n    {{else}}\n      {{#let (element tagName) as |TagElement|}}\n        <TagElement class={{classNames componentName=\"EuiFlexItem\" grow=@grow}} ...attributes>\n          {{yield}}\n        </TagElement>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n", {
+const EuiFlexItem = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @tagName \"div\") as |tagName|}}\n  {{#if (eq tagName \"div\")}}\n    <div class={{classNames componentName=\"EuiFlexItem\" grow=@grow}} ...attributes>\n      {{yield}}\n    </div>\n  {{else if (eq tagName \"span\")}}\n    <span class={{classNames componentName=\"EuiFlexItem\" grow=@grow}} ...attributes>\n      {{yield}}\n    </span>\n  {{else}}\n    {{#let (element tagName) as |TagElement|}}\n      <TagElement class={{classNames componentName=\"EuiFlexItem\" grow=@grow}} ...attributes>\n        {{yield}}\n      </TagElement>\n    {{/let}}\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-flex-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-flex-item.js","sources":["../../src/components/eui-flex-item.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { growMapping } from '../utils/css-mappings/eui-flex-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexItemSignature {\n  Element: Element;\n  Args: {\n    grow?: keyof typeof growMapping | boolean;\n    tagName?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlexItem: TemplateOnlyComponent<EuiFlexItemSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else if (eq tagName \"span\")}}\n      <span\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </span>\n    {{else}}\n      {{#let (element tagName) as |TagElement|}}\n        <TagElement\n          class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n          ...attributes\n        >\n          {{yield}}\n        </TagElement>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexItem;\n"],"names":["EuiFlexItem","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;AAoBA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CA2BjE,mnBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-flex-item.js","sources":["../../src/components/eui-flex-item.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { growMapping } from '../utils/css-mappings/eui-flex-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexItemSignature {\n  Element: Element;\n  Args: {\n    grow?: keyof typeof growMapping | boolean;\n    tagName?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlexItem: TemplateOnlyComponent<EuiFlexItemSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else if (eq tagName \"span\")}}\n      <span\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </span>\n    {{else}}\n      {{#let (element tagName) as |TagElement|}}\n        <TagElement\n          class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n          ...attributes\n        >\n          {{yield}}\n        </TagElement>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexItem;\n"],"names":["EuiFlexItem","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;AAoBA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CA2BjE,6kBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFlyoutBody = setComponentTemplate(precompileTemplate("\n  <div class=\"euiFlyoutBody\" ...attributes>\n    <div tabindex={{0}} class={{classNames \"euiFlyoutBody__overflow\" (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")}}>\n      {{#if (has-block \"banner\")}}\n        <div class=\"euiFlyoutBody__banner\">\n          {{yield to=\"banner\"}}\n        </div>\n      {{/if}}\n\n      {{#if (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))}}\n        <div class=\"euiFlyoutBody__overflowContent\">\n          {{#if (has-block \"default\")}}\n            {{yield to=\"default\"}}\n          {{else}}\n            {{yield to=\"content\"}}\n          {{/if}}\n        </div>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </div>\n  </div>\n", {
+const EuiFlyoutBody = setComponentTemplate(precompileTemplate("<div class=\"euiFlyoutBody\" ...attributes>\n  <div tabindex={{0}} class={{classNames \"euiFlyoutBody__overflow\" (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")}}>\n    {{#if (has-block \"banner\")}}\n      <div class=\"euiFlyoutBody__banner\">\n        {{yield to=\"banner\"}}\n      </div>\n    {{/if}}\n\n    {{#if (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))}}\n      <div class=\"euiFlyoutBody__overflowContent\">\n        {{#if (has-block \"default\")}}\n          {{yield to=\"default\"}}\n        {{else}}\n          {{yield to=\"content\"}}\n        {{/if}}\n      </div>\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </div>\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-flyout-body.js","sources":["../../src/components/eui-flyout-body.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutBodySignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    banner?: [];\n    content?: [];\n    default?: [];\n  };\n}\n\nconst EuiFlyoutBody: TemplateOnlyComponent<EuiFlyoutBodySignature> = <template>\n  <div class=\"euiFlyoutBody\" ...attributes>\n    <div\n      tabindex={{0}}\n      class={{classNames\n        \"euiFlyoutBody__overflow\"\n        (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")\n      }}\n    >\n      {{#if (has-block \"banner\")}}\n        <div class=\"euiFlyoutBody__banner\">\n          {{yield to=\"banner\"}}\n        </div>\n      {{/if}}\n\n      {{#if\n        (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))\n      }}\n        <div class=\"euiFlyoutBody__overflowContent\">\n          {{#if (has-block \"default\")}}\n            {{yield to=\"default\"}}\n          {{else}}\n            {{yield to=\"content\"}}\n          {{/if}}\n        </div>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </div>\n  </div>\n</template>;\n\nexport default EuiFlyoutBody;\n"],"names":["EuiFlyoutBody","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","templateOnly"],"mappings":";;;;;;AAeA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CA8BrE,muBAAA,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-flyout-body.js","sources":["../../src/components/eui-flyout-body.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutBodySignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    banner?: [];\n    content?: [];\n    default?: [];\n  };\n}\n\nconst EuiFlyoutBody: TemplateOnlyComponent<EuiFlyoutBodySignature> = <template>\n  <div class=\"euiFlyoutBody\" ...attributes>\n    <div\n      tabindex={{0}}\n      class={{classNames\n        \"euiFlyoutBody__overflow\"\n        (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")\n      }}\n    >\n      {{#if (has-block \"banner\")}}\n        <div class=\"euiFlyoutBody__banner\">\n          {{yield to=\"banner\"}}\n        </div>\n      {{/if}}\n\n      {{#if\n        (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))\n      }}\n        <div class=\"euiFlyoutBody__overflowContent\">\n          {{#if (has-block \"default\")}}\n            {{yield to=\"default\"}}\n          {{else}}\n            {{yield to=\"content\"}}\n          {{/if}}\n        </div>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </div>\n  </div>\n</template>;\n\nexport default EuiFlyoutBody;\n"],"names":["EuiFlyoutBody","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","templateOnly"],"mappings":";;;;;;AAeA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CA8BrE,urBAAA,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-flyout-footer.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-flyout-footer.js","sources":["../../src/components/eui-flyout-footer.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutFooterSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlyoutFooter: TemplateOnlyComponent<EuiFlyoutFooterSignature> =\n  <template>\n    <div class=\"euiFlyoutFooter\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFlyoutFooter;\n"],"names":["EuiFlyoutFooter","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,sFAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-flyout-footer.js","sources":["../../src/components/eui-flyout-footer.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutFooterSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlyoutFooter: TemplateOnlyComponent<EuiFlyoutFooterSignature> =\n  <template>\n    <div class=\"euiFlyoutFooter\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFlyoutFooter;\n"],"names":["EuiFlyoutFooter","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,oEAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

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

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

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

package/dist/components/eui-flyout.js

@@ -22,7 +22,7 @@ import EuiOverlayMaskComponent from './eui-overlay-mask.js';
 import EuiPortal from './eui-portal.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 classesModifier = modifier((_element, _pos, {
   type,
@@ -162,7 +162,7 @@ class EuiFlyoutComponent extends Component {
     n(this.prototype, "onResize", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (classNames (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\") componentName=\"EuiFlyout\" type=this.type side=this.side size=this.size padding=this.paddingSize) (classNames \"euiFlyout__closeButton\" (concat \"euiFlyout__closeButton--\" this.closeButtonPosition) (or @closeButtonProps.className @closeButtonProps.classes)) (modifier focusTrap isActive=(argOrDefault @isFocusTrapActive true) shouldSelfFocus=(argOrDefault @shouldSelfFocus true) isPaused=this.isPushed focusTrapOptions=(argOrDefault @focusTrapOptions (hash allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)))) (modifier outsideClickDetectorModifier isDisabled=(or this.isPushed (not this.outsideClickCloses)) onOutsideClick=this.onClose) (modifier styleModifier this.styles) (modifier onKey \"Escape\" this.onClose) (modifier classesModifier type=this.type isPushed=this.isPushed side=this.side dimensions=this.dimensions functionToCallOnWindowResize=this.functionToCallOnWindowResize) (modifier resizeObserverModifier onResize=this.onResize) (element this.as) as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|}}\n\n      {{#if (and this.ownFocus (not this.isPushed))}}\n        <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n          <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{!--@glint-expect-error--}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{classesModifier}} {{resizeObserver}} ...attributes>\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiOverlayMask>\n      {{else if (not this.isPushed)}}\n        <EuiPortal>\n          <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{classesModifier}} {{resizeObserver}} ...attributes>\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiPortal>\n      {{else}}\n        <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n          {{#if (and @onClose (not @hideCloseButton))}}\n            <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n          {{/if}}\n          {{yield}}\n        </TheElement>\n      {{/if}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (classNames (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\") componentName=\"EuiFlyout\" type=this.type side=this.side size=this.size padding=this.paddingSize) (classNames \"euiFlyout__closeButton\" (concat \"euiFlyout__closeButton--\" this.closeButtonPosition) (or @closeButtonProps.className @closeButtonProps.classes)) (modifier focusTrap isActive=(argOrDefault @isFocusTrapActive true) shouldSelfFocus=(argOrDefault @shouldSelfFocus true) isPaused=this.isPushed focusTrapOptions=(argOrDefault @focusTrapOptions (hash allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)))) (modifier outsideClickDetectorModifier isDisabled=(or this.isPushed (not this.outsideClickCloses)) onOutsideClick=this.onClose) (modifier styleModifier this.styles) (modifier onKey \"Escape\" this.onClose) (modifier classesModifier type=this.type isPushed=this.isPushed side=this.side dimensions=this.dimensions functionToCallOnWindowResize=this.functionToCallOnWindowResize) (modifier resizeObserverModifier onResize=this.onResize) (element this.as) as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|}}\n\n  {{#if (and this.ownFocus (not this.isPushed))}}\n    <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n      <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{!--@glint-expect-error--}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n        {{#if (and @onClose (not @hideCloseButton))}}\n          <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n        {{/if}}\n        {{yield}}\n      </TheElement>\n    </EuiOverlayMask>\n  {{else if (not this.isPushed)}}\n    <EuiPortal>\n      <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n        {{#if (and @onClose (not @hideCloseButton))}}\n          <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n        {{/if}}\n        {{yield}}\n      </TheElement>\n    </EuiPortal>\n  {{else}}\n    <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n      {{#if (and @onClose (not @hideCloseButton))}}\n        <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n      {{/if}}\n      {{yield}}\n    </TheElement>\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         classNames,