@ember-eui/core 13.0.5 → 14.1.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 of the input, e.g. to match an `EuiFormRow`'s label. Defaults to a random id. */\n  id?: string;\n  /** Icon inside the input, anything `EuiIcon`'s `@type` accepts. */\n  icon?: IconType;\n  /** Shows the invalid state and marks the input invalid for native form validation. */\n  isInvalid?: boolean;\n  /** Stretches the input to its container's width. */\n  fullWidth?: boolean;\n  /** Shows a spinner in the input. */\n  isLoading?: boolean;\n  /** Makes the input read-only. */\n  readOnly?: boolean;\n  /** Lowest allowed value. */\n  min?: number | string;\n  /** Highest allowed value. */\n  max?: number | string;\n  /** The value. Update it from `{{on \"input\" …}}` (the event's value is a string). */\n  value?: number | string;\n  /** Disables the input. */\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  /** Called with the `<input>` element once rendered. */\n  inputRef?: (ele: Element) => void;\n\n  /** @deprecated Has no effect, use the `<:prepend>` block. */\n  prepend?: EuiFormControlLayoutSignature['Blocks']['prepend'];\n\n  /** @deprecated Has no effect, use the `<:append>` block. */\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  /** Shorter input, for dense forms. */\n  compressed?: boolean;\n\n  /** @private Show the `<:prepend>` block. Defaults to `true`. */\n  isPrependProvided?: boolean;\n  /** @private Show the `<:append>` block. Defaults to `true`. */\n  isAppendProvided?: boolean;\n\n  /** Shows a clear (\"x\") button calling this function; empty the value there. */\n  clear?: EuiFormControlLayoutSignature['Args']['clear'];\n};\n\nexport interface EuiFieldNumberSignature {\n  Element: HTMLInputElement;\n  Args: EuiFieldNumberArgs;\n  Blocks: {\n    /** Unused. */\n    default: [string];\n    /** Content before the input, e.g. an `EuiFormLabel`; yields the class to put on it. */\n    prepend: [string];\n    /** Content after the input, e.g. a unit; yields the class to put on it. */\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              {{didInsert (optional @inputRef)}}\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":";;;;;;;;;;;;AAoFA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,okDAAA,EAsEA;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    /** The value. Update it from `{{on \"input\" …}}` on the component. */\n    value?: string;\n    /** Id of the input, e.g. to match an `EuiFormRow`'s label. Defaults to a random id. */\n    id?: string;\n    /**\n     * `'password'` hides the text, `'text'` shows it, `'dual'` hides it with\n     * a button to show it. Defaults to `'dual'`.\n     */\n    type?: 'dual' | 'text' | 'password';\n    /** Stretches the input to its container's width. */\n    fullWidth?: boolean;\n    /** Shorter input, for dense forms. */\n    compressed?: boolean;\n    /** Shows a spinner in the input. */\n    isLoading?: boolean;\n    /** Makes the input read-only. */\n    readOnly?: boolean;\n    /** Disables the input. */\n    disabled?: boolean;\n    /** Shows the invalid state and marks the input invalid for native form validation. */\n    isInvalid?: boolean;\n    /** Shows a clear (\"x\") button calling this function; empty the value there. */\n    clear?: EuiFormControlLayoutSignature['Args']['clear'];\n    /** Called with the `<input>` element once rendered. */\n    inputRef?: (element: HTMLInputElement) => void;\n    /** @private Ignore the `<:prepend>` block. */\n    isFakePrependBlock?: boolean;\n    /** @private Ignore the `<:append>` block. */\n    isFakeAppendBlock?: boolean;\n    /** Placeholder text. */\n    placeholder?: string;\n  };\n  Blocks: {\n    /** Content before the input, e.g. an `EuiFormLabel`; yields the class to put on it and the input id. */\n    prepend: [unknown, string];\n    /** Content after the input; yields the class to put on it and the input id. */\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":";;;;;;;;;;;;;;;;AA6DA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,w0DAAA,EAyEA;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;
 /**
@@ -63,9 +63,16 @@ class EuiFieldSearch extends Component {
       onSearch(e.target.value);
     }
   }
+  /** Keeps the text current for the clear button (e.g. after a paste). */
   static {
     n(this.prototype, "onKeyUp", [action]);
   }
+  trackValue(e) {
+    this.value = e.target.value;
+  }
+  static {
+    n(this.prototype, "trackValue", [action]);
+  }
   didUpdateValue() {
     this.value = this.args.value;
   }
@@ -118,7 +125,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) this.value) \"euiFieldSearch--isClearable\") \"euiFieldSearch\") as |classes|}}\n    <EuiFormControlLayout @icon=\"search\" @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @disabled={{@disabled}} @clear={{if (and (argOrDefault @isClearable true) this.value (not @readOnly) (and (not @isDisabled) (not @disabled))) this.onClear}} @compressed={{@compressed}} @readOnly={{@readOnly}} @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}} readonly={{@readOnly}} ...attributes {{on \"input\" this.trackValue}} {{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  /** The search text. Update it in `@onSearch`. */\n  value?: string;\n  /** Initial text when `@value` is not passed. */\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   * Called on keyup, before `@onSearch`; call `event.preventDefault()` to\n   * skip the search.\n   */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /**\n   * Called with the text when the user presses Enter or clears the field,\n   * and on every keystroke with `@incremental`.\n   */\n  onSearch: (value: string) => void;\n\n  /** @private Ignore the `<:prepend>` block. */\n  isFakePrependBlock?: boolean;\n  /** @private Ignore the `<:append>` block. */\n  isFakeAppendBlock?: boolean;\n  /** Stretches the input to its container's width. */\n  fullWidth?: boolean;\n  /** Shorter input, for dense forms. */\n  compressed?: boolean;\n  /** Shows a spinner in the input. */\n  isLoading?: boolean;\n  /** Shows a clear button while the field has text. Defaults to `true`. */\n  isClearable?: boolean;\n  /** Disables the input. */\n  disabled?: boolean;\n  /** Makes the input read-only (and hides the clear button). */\n  readOnly?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Id of the input, e.g. to match an `EuiFormRow`'s label. Defaults to a random id. */\n  id?: string;\n  /** Shows the invalid state and marks the input invalid for native form validation. */\n  isInvalid?: boolean;\n  /** Hides the clear button; use `@disabled` to disable the input. */\n  isDisabled?: boolean;\n};\n\nexport interface EuiFieldSearchSignature {\n  Element: HTMLInputElement;\n  Args: EuiFieldSearchArgs;\n  Blocks: {\n    /** Content before the input, e.g. an `EuiFormLabel`; yields the class to put on it and the input id. */\n    prepend: [...EuiFormControlLayoutSignature['Blocks']['prepend'], string];\n    field: [];\n    /** Content after the input; yields the class to put on it and the input id. */\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  /** Keeps the text current for the clear button (e.g. after a paste). */\n  @action\n  trackValue(e: Event): void {\n    this.value = (e.target as HTMLInputElement).value;\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) this.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              this.value\n              (not @readOnly)\n              (and (not @isDisabled) (not @disabled))\n            )\n            this.onClear\n          }}\n          @compressed={{@compressed}}\n          @readOnly={{@readOnly}}\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              readonly={{@readOnly}}\n              ...attributes\n              {{on \"input\" this.trackValue}}\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","trackValue","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}} {{didInsert (optional @inputRef)}} />\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 of the input, e.g. to match an `EuiFormRow`'s label. Defaults to a random id. */\n    id?: string;\n    /** The value. Update it from `{{on \"input\" …}}` on the component. */\n    value?: string;\n    /** Placeholder text. */\n    placeholder?: string;\n    /** Icon inside the input (left side), anything `EuiIcon`'s `@type` accepts. */\n    icon?: EuiFormControlLayoutSignature['Args']['icon'];\n    /** Stretches the input to its container's width. */\n    fullWidth?: boolean;\n    /** Shows a spinner in the input. */\n    isLoading?: boolean;\n    /** Shorter input, for dense forms. */\n    compressed?: boolean;\n    /** Makes the input read-only. */\n    readOnly?: boolean;\n    /** Disables the input. */\n    disabled?: boolean;\n    /** Shows a clear (\"x\") button calling this function; empty the value there. */\n    clear?: () => void;\n    /**\n     * Renders just the `<input>`, without the layout (icon, clear button,\n     * prepend/append). Best used inside EuiFormControlLayoutDelimited.\n     */\n    controlOnly?: boolean;\n    /** Shows the invalid state and marks the input invalid for native form validation. */\n    isInvalid?: boolean;\n    /** Called with the `<input>` element once rendered. */\n    inputRef?: (element: HTMLInputElement | null) => void;\n    /** @private Ignore the `<:prepend>` block. */\n    isFakePrependBlock?: boolean;\n    /** @private Ignore the `<:append>` block. */\n    isFakeAppendBlock?: boolean;\n  };\n  Blocks: {\n    /** Content before the input, e.g. an `EuiFormLabel`; yields the class to put on it and the input id. */\n    prepend: [...EuiFormControlLayoutSignature['Blocks']['prepend'], string];\n    /** Content after the input; yields the class to put on it and the input id. */\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              {{didInsert (optional @inputRef)}}\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":";;;;;;;;;;;;AA2DA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,gkDAAA,EAkEnE;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

@@ -16,7 +16,7 @@ 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 {
@@ -112,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={{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}}\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,

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 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","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","EuiI18n","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 of the file input. Defaults to a random id. */\n  id?: string;\n  /** `name` of the file input, for forms. */\n  name?: string;\n  /** @deprecated Has no effect, use `class=`. */\n  class?: string;\n  /**\n   * The content that appears in the dropzone if no file is attached.\n   * Defaults to \"Select or drag and drop a file\".\n   */\n  initialPromptText?: Component | string | null;\n  /**\n   * Called with the selected files (a `FileList`) when they change,\n   * including when they are removed (an empty list).\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  /** Stretches the picker to its container's width. */\n  fullWidth?: boolean;\n  /** Shows the invalid state and marks the input invalid for native form validation. */\n  isInvalid?: boolean;\n  /** Shows a spinner. */\n  isLoading?: boolean;\n  /** Disables the picker. */\n  disabled?: boolean;\n  /** Allows selecting several files. */\n  multiple?: boolean;\n\n  /**\n   * Called with the component instance, e.g. to call its `removeFiles()`\n   * action and reset the picker.\n   */\n  ref?: (c: typeof EuiFilePickerComponent) => void;\n};\n\n/**\n * A file input styled as a drop zone. Attributes such as `accept` go to the\n * `<input type=\"file\">`.\n */\nexport interface EuiFilePickerSignature {\n  Element: HTMLInputElement;\n  Args: EuiFilePicker;\n  Blocks: {\n    /** Unused. */\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":"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"}

package/dist/components/eui-filter-button.js

@@ -0,0 +1,69 @@
+import Component from '@glimmer/component';
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
+import { service } from '@ember/service';
+import EuiButtonEmpty from './eui-button-empty.js';
+import EuiImage from './eui-inner-text.js';
+import EuiNotificationBadge from './eui-notification-badge.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+class EuiFilterButton extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get hasNumFilters() {
+    return this.args.numFilters !== undefined && this.args.numFilters !== null;
+  }
+  get badgeCount() {
+    return this.args.numActiveFilters || this.args.numFilters;
+  }
+  get showBadge() {
+    return this.hasNumFilters || (this.args.numActiveFilters ?? 0) > 0;
+  }
+  get badgeLabel() {
+    return this.args.hasActiveFilters ? this.euiI18n.lookupToken('euiFilterButton.filterBadgeActiveAriaLabel', '{count} active filters', {
+      count: this.badgeCount
+    }) : this.euiI18n.lookupToken('euiFilterButton.filterBadgeAvailableAriaLabel', '{count} available filters', {
+      count: this.badgeCount
+    });
+  }
+  get classes() {
+    const {
+      isSelected,
+      hasActiveFilters,
+      iconType,
+      grow,
+      noDivider,
+      withNext
+    } = this.args;
+    return ['euiFilterButton', isSelected && 'euiFilterButton-isSelected', hasActiveFilters && 'euiFilterButton-hasActiveFilters', this.hasNumFilters && 'euiFilterButton-hasNotification', iconType && 'euiFilterButton--hasIcon', grow === false && 'euiFilterButton--noGrow', (noDivider || withNext) && 'euiFilterButton--withNext'].filter(Boolean).join(' ');
+  }
+  get textClasses() {
+    return this.hasNumFilters || this.args.numActiveFilters ? 'euiFilterButton__text-hasNotification' : undefined;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiButtonEmpty class={{this.classes}} @color={{if @color @color \"text\"}} @iconType={{@iconType}} @iconSide={{iconSide @iconSide}} @isDisabled={{@isDisabled}} @isSelected={{@isSelected}} @type={{@type}} @textClasses={{this.textClasses}} ...attributes>\n  <EuiInnerText as |ref innerText|>\n    <span class=\"euiFilterButton__textShift\" data-text={{innerText}} title={{innerText}} {{didInsert ref}}>{{yield}}</span>\n  </EuiInnerText>\n  {{#if this.showBadge}}\n    <EuiNotificationBadge class=\"euiFilterButton__notification\" @size=\"m\" @color={{if (badgeIsAccent @isDisabled @hasActiveFilters) \"accent\" \"subdued\"}} aria-label={{this.badgeLabel}}>{{this.badgeCount}}</EuiNotificationBadge>\n  {{/if}}\n</EuiButtonEmpty>", {
+      strictMode: true,
+      scope: () => ({
+        EuiButtonEmpty,
+        iconSide,
+        EuiInnerText: EuiImage,
+        didInsert,
+        EuiNotificationBadge,
+        badgeIsAccent
+      })
+    }), this);
+  }
+}
+// EuiButtonEmpty puts the icon on the left unless told 'right'
+function iconSide(side) {
+  return side === 'left' ? undefined : 'right';
+}
+function badgeIsAccent(isDisabled, hasActiveFilters) {
+  return !isDisabled && Boolean(hasActiveFilters);
+}
+
+export { EuiFilterButton as default };
+//# sourceMappingURL=eui-filter-button.js.map

package/dist/components/eui-filter-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-filter-button.js","sources":["../../src/components/eui-filter-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { service } from '@ember/service';\n\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\n\n/**\n * A button in an `EuiFilterGroup`: a toggle (\"On\", \"Off\"), or the anchor\n * of a popover listing filter options, with the number of options or of\n * active filters.\n */\nexport interface EuiFilterButtonSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: {\n    /** Icon, e.g. `'arrowDown'` for a button opening a popover. */\n    iconType?: EuiButtonEmptySignature['Args']['iconType'];\n    /** `'left'` or `'right'` of the text. Defaults to `'right'`. */\n    iconSide?: 'left' | 'right';\n    /** Text color, any `EuiButtonEmpty` color. Defaults to `'text'`. */\n    color?: EuiButtonEmptySignature['Args']['color'];\n    /** Pressed look, e.g. while its popover is open or a toggle is on. */\n    isSelected?: boolean;\n    /** Bold text and an accent badge: some of its filters are applied. */\n    hasActiveFilters?: boolean;\n    /** Number of available filters, shown in a badge. */\n    numFilters?: number;\n    /** Number of applied filters, shown instead of `@numFilters` when above 0. */\n    numActiveFilters?: number;\n    /** Disables the button. */\n    isDisabled?: boolean;\n    /** Grows to fill the group. Defaults to `true`. */\n    grow?: boolean;\n    /**\n     * Removes the divider after it, to join it with the next button\n     * (e.g. \"On\" and \"Off\" toggles).\n     */\n    withNext?: boolean;\n    /** Same as `@withNext`. */\n    noDivider?: boolean;\n    /** `type` of the `<button>`. Defaults to `'button'`. */\n    type?: string;\n  };\n  Blocks: {\n    /** The button text. */\n    default: [];\n  };\n}\n\nexport default class EuiFilterButton extends Component<EuiFilterButtonSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get hasNumFilters(): boolean {\n    return this.args.numFilters !== undefined && this.args.numFilters !== null;\n  }\n\n  get badgeCount(): number | undefined {\n    return this.args.numActiveFilters || this.args.numFilters;\n  }\n\n  get showBadge(): boolean {\n    return this.hasNumFilters || (this.args.numActiveFilters ?? 0) > 0;\n  }\n\n  get badgeLabel(): string {\n    return this.args.hasActiveFilters\n      ? this.euiI18n.lookupToken(\n          'euiFilterButton.filterBadgeActiveAriaLabel',\n          '{count} active filters',\n          { count: this.badgeCount }\n        )\n      : this.euiI18n.lookupToken(\n          'euiFilterButton.filterBadgeAvailableAriaLabel',\n          '{count} available filters',\n          { count: this.badgeCount }\n        );\n  }\n\n  get classes(): string {\n    const { isSelected, hasActiveFilters, iconType, grow, noDivider, withNext } = this.args;\n\n    return [\n      'euiFilterButton',\n      isSelected && 'euiFilterButton-isSelected',\n      hasActiveFilters && 'euiFilterButton-hasActiveFilters',\n      this.hasNumFilters && 'euiFilterButton-hasNotification',\n      iconType && 'euiFilterButton--hasIcon',\n      grow === false && 'euiFilterButton--noGrow',\n      (noDivider || withNext) && 'euiFilterButton--withNext'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get textClasses(): string | undefined {\n    return this.hasNumFilters || this.args.numActiveFilters\n      ? 'euiFilterButton__text-hasNotification'\n      : undefined;\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class={{this.classes}}\n      @color={{if @color @color \"text\"}}\n      @iconType={{@iconType}}\n      @iconSide={{iconSide @iconSide}}\n      @isDisabled={{@isDisabled}}\n      @isSelected={{@isSelected}}\n      @type={{@type}}\n      @textClasses={{this.textClasses}}\n      ...attributes\n    >\n      <EuiInnerText as |ref innerText|>\n        <span\n          class=\"euiFilterButton__textShift\"\n          data-text={{innerText}}\n          title={{innerText}}\n          {{didInsert ref}}\n        >{{yield}}</span>\n      </EuiInnerText>\n      {{#if this.showBadge}}\n        <EuiNotificationBadge\n          class=\"euiFilterButton__notification\"\n          @size=\"m\"\n          @color={{if (badgeIsAccent @isDisabled @hasActiveFilters) \"accent\" \"subdued\"}}\n          aria-label={{this.badgeLabel}}\n        >{{this.badgeCount}}</EuiNotificationBadge>\n      {{/if}}\n    </EuiButtonEmpty>\n  </template>\n}\n\n// EuiButtonEmpty puts the icon on the left unless told 'right'\nfunction iconSide(side?: 'left' | 'right'): 'right' | undefined {\n  return side === 'left' ? undefined : 'right';\n}\n\nfunction badgeIsAccent(isDisabled?: boolean, hasActiveFilters?: boolean): boolean {\n  return !isDisabled && Boolean(hasActiveFilters);\n}\n"],"names":["EuiFilterButton","Component","g","prototype","service","i","hasNumFilters","args","numFilters","undefined","badgeCount","numActiveFilters","showBadge","badgeLabel","hasActiveFilters","euiI18n","lookupToken","count","classes","isSelected","iconType","grow","noDivider","withNext","filter","Boolean","join","textClasses","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","iconSide","EuiInnerText","didInsert","EuiNotificationBadge","badgeIsAccent","side","isDisabled"],"mappings":";;;;;;;;;;AAqDe,MAAMA,wBAAwBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACpDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,aAAAA,GAAyB;AAC3B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,UAAU,KAAKC,SAAA,IAAa,IAAI,CAACF,IAAI,CAACC,UAAU,KAAK,IAAA;AACxE,EAAA;EAEA,IAAIE,UAAAA,GAAiC;IACnC,OAAO,IAAI,CAACH,IAAI,CAACI,gBAAgB,IAAI,IAAI,CAACJ,IAAI,CAACC,UAAU;AAC3D,EAAA;EAEA,IAAII,SAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACN,aAAa,IAAI,CAAC,IAAI,CAACC,IAAI,CAACI,gBAAgB,IAAI,CAAC,IAAI,CAAA;AACnE,EAAA;EAEA,IAAIE,UAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACN,IAAI,CAACO,gBAAgB,GAC7B,IAAI,CAACC,OAAO,CAACC,WAAW,CACtB,8CACA,wBAAA,EACA;MAAEC,KAAA,EAAO,IAAI,CAACP;KAAW,CAAA,GAE3B,IAAI,CAACK,OAAO,CAACC,WAAW,CACtB,iDACA,2BAAA,EACA;MAAEC,KAAA,EAAO,IAAI,CAACP;AAAW,KAAA,CAAA;AAEjC,EAAA;EAEA,IAAIQ,OAAAA,GAAkB;IACpB,MAAM;MAAEC,UAAU;MAAEL,gBAAgB;MAAEM,QAAQ;MAAEC,IAAI;MAAEC,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAAChB,IAAI;AAEvF,IAAA,OAAO,CACL,iBAAA,EACAY,UAAA,IAAc,4BAAA,EACdL,gBAAA,IAAoB,kCAAA,EACpB,IAAI,CAACR,aAAa,IAAI,iCAAA,EACtBc,QAAA,IAAY,0BAAA,EACZC,IAAA,KAAS,KAAA,IAAS,yBAAA,EAClB,CAACC,SAAA,IAAaC,QAAQ,KAAK,2BAAA,CAC5B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;EAEA,IAAIC,WAAAA,GAAkC;AACpC,IAAA,OAAO,IAAI,CAACrB,aAAa,IAAI,IAAI,CAACC,IAAI,CAACI,gBAAgB,GACnD,uCAAA,GACAF,SAAA;AACN,EAAA;AAEA,EAAA;IAAAmB,oBAAA,CAAAC,kBAAA,CAAA,0tBAAA,EA6BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,QAAA;sBAAAC,QAAA;QAAAC,SAAA;QAAAC,oBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA;AACA,SAASJ,SAASK,IAAuB,EAAsB;AAC7D,EAAA,OAAOA,IAAA,KAAS,SAAS7B,SAAA,GAAY,OAAA;AACvC;AAEA,SAAS4B,cAAcE,UAAoB,EAAEzB,gBAA0B,EAAU;AAC/E,EAAA,OAAO,CAACyB,cAAcd,OAAA,CAAQX,gBAAA,CAAA;AAChC;;"}

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

@@ -0,0 +1,14 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/**
+ * A bar of `EuiFilterButton`s joined in one bordered group, usually next
+ * to a search field, e.g. "On / Off" toggles and a "Status" popover.
+ */
+const EuiFilterGroup = setComponentTemplate(precompileTemplate("<div class=\"euiFilterGroup {{if @fullWidth \"euiFilterGroup--fullWidth\"}}\" ...attributes>{{yield}}</div>", {
+  strictMode: true
+}), templateOnly());
+
+export { EuiFilterGroup as default };
+//# sourceMappingURL=eui-filter-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-filter-group.js","sources":["../../src/components/eui-filter-group.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A bar of `EuiFilterButton`s joined in one bordered group, usually next\n * to a search field, e.g. \"On / Off\" toggles and a \"Status\" popover.\n */\nexport interface EuiFilterGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Takes the container's full width instead of its content's. */\n    fullWidth?: boolean;\n  };\n  Blocks: {\n    /** The `EuiFilterButton`s (and popovers anchored on them). */\n    default: [];\n  };\n}\n\nconst EuiFilterGroup: TemplateOnlyComponent<EuiFilterGroupSignature> = <template>\n  <div\n    class=\"euiFilterGroup {{if @fullWidth 'euiFilterGroup--fullWidth'}}\"\n    ...attributes\n  >{{yield}}</div>\n</template>;\n\nexport default EuiFilterGroup;\n"],"names":["EuiFilterGroup","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;;;AAGC;AAaD,MAAMA,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,6GAAA,EAKvE;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-filter-select-item.js

@@ -0,0 +1,26 @@
+import EuiFlexGroup from './eui-flex-group.js';
+import EuiFlexItem from './eui-flex-item.js';
+import EuiIcon from './eui-icon.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function icon(checked) {
+  return checked === 'on' ? 'check' : checked === 'off' ? 'cross' : 'empty';
+}
+const EuiFilterSelectItem = setComponentTemplate(precompileTemplate("<button type=\"button\" role=\"option\" class=\"euiFilterSelectItem {{if @isFocused \"euiFilterSelectItem-isFocused\"}}\" aria-selected={{if @isFocused \"true\" \"false\"}} disabled={{@disabled}} aria-disabled={{if @disabled \"true\"}} ...attributes>\n  <EuiFlexGroup @alignItems=\"center\" @gutterSize=\"s\" @tagName=\"span\" @responsive={{false}}>\n    {{#if (showIcons @showIcons)}}\n      <EuiFlexItem @grow={{false}}>\n        <EuiIcon @type={{icon @checked}} @color={{if @checked \"text\"}} />\n      </EuiFlexItem>\n    {{/if}}\n    <EuiFlexItem class=\"euiFilterSelectItem__content\" @tagName=\"span\">\n      {{yield}}\n    </EuiFlexItem>\n  </EuiFlexGroup>\n</button>", {
+  strictMode: true,
+  scope: () => ({
+    EuiFlexGroup,
+    showIcons,
+    EuiFlexItem,
+    EuiIcon,
+    icon
+  })
+}), templateOnly());
+function showIcons(value) {
+  return value !== false;
+}
+
+export { EuiFilterSelectItem as default };
+//# sourceMappingURL=eui-filter-select-item.js.map

package/dist/components/eui-filter-select-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-filter-select-item.js","sources":["../../src/components/eui-filter-select-item.gts"],"sourcesContent":["import EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * One option in a filter popover (opened from an `EuiFilterButton`): a\n * button with a check mark when `@checked=\"on\"`, or a cross when `\"off\"`\n * (excluded).\n */\nexport interface EuiFilterSelectItemSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /**\n     * `'on'` (check mark, included), `'off'` (cross, excluded) or\n     * nothing (not applied).\n     */\n    checked?: 'on' | 'off';\n    /** Highlights it, e.g. while moving through the list with the keyboard. */\n    isFocused?: boolean;\n    /** Shows the check mark / cross column. Defaults to `true`. */\n    showIcons?: boolean;\n    /** Disables the option. */\n    disabled?: boolean;\n  };\n  Blocks: {\n    /** The option's label. */\n    default: [];\n  };\n}\n\nfunction icon(checked?: string): string {\n  return checked === 'on' ? 'check' : checked === 'off' ? 'cross' : 'empty';\n}\n\nconst EuiFilterSelectItem: TemplateOnlyComponent<EuiFilterSelectItemSignature> =\n  <template>\n    <button\n      type=\"button\"\n      role=\"option\"\n      class=\"euiFilterSelectItem {{if @isFocused 'euiFilterSelectItem-isFocused'}}\"\n      aria-selected={{if @isFocused \"true\" \"false\"}}\n      disabled={{@disabled}}\n      aria-disabled={{if @disabled \"true\"}}\n      ...attributes\n    >\n      <EuiFlexGroup\n        @alignItems=\"center\"\n        @gutterSize=\"s\"\n        @tagName=\"span\"\n        @responsive={{false}}\n      >\n        {{#if (showIcons @showIcons)}}\n          <EuiFlexItem @grow={{false}}>\n            <EuiIcon @type={{icon @checked}} @color={{if @checked \"text\"}} />\n          </EuiFlexItem>\n        {{/if}}\n        <EuiFlexItem class=\"euiFilterSelectItem__content\" @tagName=\"span\">\n          {{yield}}\n        </EuiFlexItem>\n      </EuiFlexGroup>\n    </button>\n  </template>;\n\nfunction showIcons(value?: boolean): boolean {\n  return value !== false;\n}\n\nexport default EuiFilterSelectItem;\n"],"names":["icon","checked","EuiFilterSelectItem","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFlexGroup","showIcons","EuiFlexItem","EuiIcon","templateOnly","value"],"mappings":";;;;;;;AAgCA,SAASA,IAAAA,CAAKC,OAAgB,EAAS;AACrC,EAAA,OAAOA,OAAA,KAAY,IAAA,GAAO,OAAA,GAAUA,OAAA,KAAY,QAAQ,OAAA,GAAU,OAAA;AACpE;AAEA,MAAMC,mBAA2C,GAAAC,oBAAA,CAC/CC,kBAAA,CAAA,uqBAAA,EA0BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,OAAA;AAAAV,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAW,YAAA,EAAA;AAEZ,SAASH,SAAAA,CAAUI,KAAe,EAAU;EAC1C,OAAOA,KAAA,KAAU,KAAA;AACnB;;"}

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. Defaults to `'div'`.\n     */\n    tagName?: string;\n    /**\n     * `'row'` fills the grid row by row, `'column'` column by column.\n     * Defaults to `'row'`.\n     */\n    direction?: keyof typeof directionMapping;\n    /**\n     * Number of columns, `1` to `4`. `0` lets the items wrap at their own\n     * width. Defaults to `0`.\n     */\n    columns?: number;\n    /**\n     * Space between items: `'none'`, `'s'`, `'m'`, `'l'` or `'xl'`.\n     * Defaults to `'l'`.\n     */\n    gutterSize?: keyof typeof gutterSizeMapping;\n    /**\n     * Stacks the items in one column on small screens. Defaults to `true`.\n     */\n    responsive?: boolean;\n  };\n  Blocks: {\n    /** The `EuiFlexItem`s, laid out in a grid. */\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":";;;;;;;;AA4CA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,+vBAAA,EAgCjE;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    /**\n     * Space between items: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or `'xl'`.\n     * Defaults to `'l'`.\n     */\n    gutterSize?: keyof typeof gutterSizeMapping;\n    /**\n     * Cross axis alignment (`align-items`): `'stretch'`, `'flexStart'`,\n     * `'flexEnd'`, `'center'` or `'baseline'`. Defaults to `'stretch'`.\n     */\n    alignItems?: keyof typeof alignItemsMapping;\n    /**\n     * Main axis distribution (`justify-content`): `'flexStart'`,\n     * `'flexEnd'`, `'center'`, `'spaceBetween'`, `'spaceAround'` or\n     * `'spaceEvenly'`. Defaults to `'flexStart'`.\n     */\n    justifyContent?: keyof typeof justifyContentMapping;\n    /**\n     * `'row'`, `'rowReverse'`, `'column'` or `'columnReverse'`.\n     * Defaults to `'row'`.\n     */\n    direction?: keyof typeof directionMapping;\n    /** Lets items wrap onto several lines. Defaults to `false`. */\n    wrap?: boolean;\n    /**\n     * Stacks the items in one column on small screens. Set `false` for rows\n     * that must stay on one line (e.g. icon + text). Defaults to `true`.\n     */\n    responsive?: boolean;\n    /** `'div'` or `'span'` (inside text). Defaults to `'div'`. */\n    tagName?: 'div' | 'span';\n  };\n  Blocks: {\n    /** The `EuiFlexItem`s. */\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":";;;;;;;AAoDA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,u0BAAA,EAgCnE;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,