@ember-eui/core 14.0.0 → 14.1.0

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              (argOrDefault @isClearable true)\n              @value\n              (not @readOnly)\n              (and (not @isDisabled) (not @disabled))\n            )\n            this.onClear\n          }}\n          @compressed={{@compressed}}\n          @useGroup={{or hasPrepend hasAppend}}\n        >\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <input\n              id={{inputId}}\n              class={{classes}}\n              value={{this.value}}\n              disabled={{@disabled}}\n              type=\"text\"\n              placeholder={{@placeholder}}\n              ...attributes\n              {{on \"keyup\" (fn this.onKeyUp this.incremental @onSearch)}}\n              {{on \"search\" this.setValue}}\n              {{on \"change\" this.setValue}}\n              {{didInsert this.didInsertInput}}\n              {{didUpdate this.didUpdateValue @value}}\n              {{validatableControl @isInvalid}}\n            />\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["isSearchSupported","EuiFieldSearch","Component","g","prototype","tracked","i","args","value","defaultValue","argOrDefaultDecorator","setValue","e","target","onSearch","n","action","onKeyUp","incremental","defaultPrevented","key","keys","ENTER","didUpdateValue","onClear","nativeInputValue","Object","getOwnPropertyDescriptor","HTMLInputElement","nativeInputValueSetter","set","undefined","call","inputElement","event","window","Event","bubbles","cancelable","document","createEvent","initEvent","dispatchEvent","focus","didInsertInput","inputRef","Browser","isEventSupported","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","or","EuiFormControlLayout","on","fn","didInsert","didUpdate","validatableControl"],"mappings":"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"}
+{"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("{{#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}}", {
+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,6hDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"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.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 } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiProgress from './eui-progress.gts';\n\nimport type { displayMapping } from '../utils/css-mappings/eui-file-picker.ts';\n\nexport type EuiFilePickerDisplay = keyof typeof displayMapping;\n\n/**\n * You can find more typing on the template\n */\ntype EuiFilePicker = {\n  id?: string;\n  name?: string;\n  class?: string;\n  /**\n   * The content that appears in the dropzone if no file is attached\n   */\n  initialPromptText?: Component | string | null;\n  /**\n   * Use as a callback to access the HTML FileList API\n   */\n  onChange?: (files: FileList | null) => void;\n  /**\n   * Reduces the size to a typical (compressed) input\n   */\n  compressed?: boolean;\n  /**\n   * Size or type of display;\n   * `default` for normal height, similar to other controls;\n   * `large` for taller size\n   */\n  display?: EuiFilePickerDisplay;\n  fullWidth?: boolean;\n  isInvalid?: boolean;\n  isLoading?: boolean;\n  disabled?: boolean;\n  multiple?: boolean;\n\n  /**\n   * Optionally pass a fn to get the instance of the component to access it programatically\n   */\n  ref?: (c: typeof EuiFilePickerComponent) => void;\n};\n\nexport interface EuiFilePickerSignature {\n  Element: HTMLInputElement;\n  Args: EuiFilePicker;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiFilePickerComponent extends Component<EuiFilePickerSignature> {\n  @tracked fileInput: HTMLInputElement | null = null;\n  @tracked promptText: string | null | undefined = null;\n  @tracked isHoveringDrop = false;\n\n  @argOrDefaultDecorator('Select or drag and drop a file') initialPromptText!:\n    | Component\n    | string\n    | null;\n\n  @argOrDefaultDecorator(false) compressed!: boolean;\n  @argOrDefaultDecorator('') display!: string;\n\n  @action\n  showDrop(): void {\n    if (!this.args.disabled) {\n      this.isHoveringDrop = true;\n    }\n  }\n\n  @action\n  hideDrop(): void {\n    this.isHoveringDrop = false;\n  }\n\n  @action\n  handleChange(): void {\n    if (!this.fileInput) return;\n\n    if (this.fileInput.files && this.fileInput.files.length > 1) {\n      this.promptText = `${this.fileInput.files.length} files selected`;\n      // TODO: Change when EuiI18n is available\n      // <EuiI18n\n      //   token=\"euiFilePicker.filesSelected\"\n      //   default=\"{fileCount} files selected\"\n      //   values={{ fileCount: this.fileInput.files.length }}\n      // />\n    } else if (this.fileInput.files && this.fileInput.files.length === 0) {\n      this.promptText = null;\n    } else {\n      this.promptText = this.fileInput.value.split('\\\\').pop();\n    }\n\n    const { onChange } = this.args;\n\n    if (onChange) {\n      onChange(this.fileInput.files);\n    }\n  }\n\n  @action\n  removeFiles(e?: MouseEvent): void {\n    if (e) {\n      e.stopPropagation();\n      e.preventDefault();\n    }\n\n    if (!this.fileInput) return;\n\n    this.fileInput.value = '';\n    this.handleChange();\n  }\n\n  @action\n  didInsertInput(inputRef: HTMLInputElement): void {\n    this.fileInput = inputRef;\n    this.args.ref?.(this as any as typeof EuiFilePickerComponent);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.fileInput = null;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        (if @compressed \"euiFilePicker--compressed\")\n        (if @fullWidth \"euiFilePicker--fullWidth\")\n        (if @isInvalid \"euiFilePicker--isInvalid\")\n        (if @isLoading \"euiFilePicker--isLoading\")\n        display=this.display\n        componentName=\"EuiFilePicker\"\n      )\n      (argOrDefault @id (randomId))\n      as |classes inputId|\n    }}\n      {{#let\n        (if inputId (concat inputId \"-filePicker__prompt\") (randomId))\n        (notEq this.promptText null)\n        (eq this.display \"default\")\n        as |promptId isOverridingInitialPrompt normalFormControl|\n      }}\n        <div\n          class={{classNames\n            classes\n            (if this.isHoveringDrop \"euiFilePicker__showDrop\")\n            (if isOverridingInitialPrompt \"euiFilePicker--hasFiles\")\n          }}\n        >\n          <div class=\"euiFilePicker__wrap\">\n            <input\n              type=\"file\"\n              id={{inputId}}\n              name={{@name}}\n              class=\"euiFilePicker__input\"\n              disabled={{@disabled}}\n              aria-describedby={{promptId}}\n              multiple={{@multiple}}\n              {{on \"dragover\" this.showDrop}}\n              {{on \"dragleave\" this.hideDrop}}\n              {{on \"drop\" this.hideDrop}}\n              {{on \"change\" this.handleChange}}\n              {{didInsert this.didInsertInput}}\n              {{validatableControl @isInvalid}}\n              ...attributes\n            />\n            <div class=\"euiFilePicker__prompt\" id={{promptId}}>\n              <EuiIcon\n                @iconClasses=\"euiFilePicker__icon\"\n                @type=\"importAction\"\n                @size={{if true \"m\" \"l\"}}\n                aria-hidden=\"true\"\n              />\n              <div class=\"euiFilePicker__promptText\">\n                {{if this.promptText this.promptText this.initialPromptText}}\n              </div>\n              {{#if (and @isLoading normalFormControl)}}\n                <EuiLoadingSpinner class=\"euiFilePicker__loadingSpinner\" />\n              {{else if isOverridingInitialPrompt}}\n                {{#if normalFormControl}}\n                  <button\n                    type=\"button\"\n                    aria-label=\"Clear selected files\"\n                    class=\"euiFilePicker__clearButton\"\n                    {{on \"click\" this.removeFiles}}\n                  >\n                    <EuiIcon\n                      @iconClasses=\"euiFilePicker__clearIcon\"\n                      @type=\"cross\"\n                    />\n                  </button>\n                {{else}}\n                  <EuiButtonEmpty\n                    aria-label=\"Clear selected files\"\n                    class=\"euiFilePicker__clearButton\"\n                    @size=\"xs\"\n                    {{on \"click\" this.removeFiles}}\n                  >\n                    <EuiI18n\n                      @token=\"euiFilePicker.removeFiles\"\n                      @default=\"Remove\"\n                      as |Token|\n                    >\n                      <Token as |value|>\n                        {{value}}\n                      </Token>\n                    </EuiI18n>\n                  </EuiButtonEmpty>\n                {{/if}}\n              {{/if}}\n              {{#if (and (not normalFormControl) @isLoading)}}\n                <EuiProgress @size=\"xs\" @color=\"accent\" position=\"absolute\" />\n              {{/if}}\n            </div>\n          </div>\n        </div>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiFilePickerComponent","Component","g","prototype","tracked","i","argOrDefaultDecorator","showDrop","args","disabled","isHoveringDrop","n","action","hideDrop","handleChange","fileInput","files","length","promptText","value","split","pop","onChange","removeFiles","e","stopPropagation","preventDefault","didInsertInput","inputRef","ref","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","randomId","concat","notEq","eq","on","didInsert","validatableControl","EuiIcon","and","EuiLoadingSpinner","EuiButtonEmpty","EuiI18n","not","EuiProgress"],"mappings":"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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.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,+vBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"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.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,u0BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"eui-flex-item.js","sources":["../../src/components/eui-flex-item.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { growMapping } from '../utils/css-mappings/eui-flex-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexItemSignature {\n  Element: Element;\n  Args: {\n    grow?: keyof typeof growMapping | boolean;\n    tagName?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlexItem: TemplateOnlyComponent<EuiFlexItemSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else if (eq tagName \"span\")}}\n      <span\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </span>\n    {{else}}\n      {{#let (element tagName) as |TagElement|}}\n        <TagElement\n          class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n          ...attributes\n        >\n          {{yield}}\n        </TagElement>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexItem;\n"],"names":["EuiFlexItem","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;AAoBA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CA2BjE,6kBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-flex-item.js","sources":["../../src/components/eui-flex-item.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { growMapping } from '../utils/css-mappings/eui-flex-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexItemSignature {\n  Element: Element;\n  Args: {\n    /**\n     * How the item grows: `true` (default) takes an equal share of the\n     * space, `false` only takes its content's width, `1`–`10` take that\n     * many shares.\n     */\n    grow?: keyof typeof growMapping | boolean;\n    /** Tag of the item. Defaults to `'div'`. */\n    tagName?: string;\n  };\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nconst EuiFlexItem: TemplateOnlyComponent<EuiFlexItemSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else if (eq tagName \"span\")}}\n      <span\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </span>\n    {{else}}\n      {{#let (element tagName) as |TagElement|}}\n        <TagElement\n          class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n          ...attributes\n        >\n          {{yield}}\n        </TagElement>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexItem;\n"],"names":["EuiFlexItem","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;AA2BA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,6kBAAA,EA2BjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-flyout-body.js","sources":["../../src/components/eui-flyout-body.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutBodySignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    banner?: [];\n    content?: [];\n    default?: [];\n  };\n}\n\nconst EuiFlyoutBody: TemplateOnlyComponent<EuiFlyoutBodySignature> = <template>\n  <div class=\"euiFlyoutBody\" ...attributes>\n    <div\n      tabindex={{0}}\n      class={{classNames\n        \"euiFlyoutBody__overflow\"\n        (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")\n      }}\n    >\n      {{#if (has-block \"banner\")}}\n        <div class=\"euiFlyoutBody__banner\">\n          {{yield to=\"banner\"}}\n        </div>\n      {{/if}}\n\n      {{#if\n        (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))\n      }}\n        <div class=\"euiFlyoutBody__overflowContent\">\n          {{#if (has-block \"default\")}}\n            {{yield to=\"default\"}}\n          {{else}}\n            {{yield to=\"content\"}}\n          {{/if}}\n        </div>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </div>\n  </div>\n</template>;\n\nexport default EuiFlyoutBody;\n"],"names":["EuiFlyoutBody","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","templateOnly"],"mappings":";;;;;;AAeA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CA8BrE,urBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-flyout-body.js","sources":["../../src/components/eui-flyout-body.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The scrolling main content of an EuiFlyout. */\nexport interface EuiFlyoutBodySignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** Content pinned above the scrolling body, e.g. an `EuiCallOut`. */\n    banner?: [];\n    /** The body; same as the default block. */\n    content?: [];\n    /** The body. */\n    default?: [];\n  };\n}\n\nconst EuiFlyoutBody: TemplateOnlyComponent<EuiFlyoutBodySignature> = <template>\n  <div class=\"euiFlyoutBody\" ...attributes>\n    <div\n      tabindex={{0}}\n      class={{classNames\n        \"euiFlyoutBody__overflow\"\n        (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")\n      }}\n    >\n      {{#if (has-block \"banner\")}}\n        <div class=\"euiFlyoutBody__banner\">\n          {{yield to=\"banner\"}}\n        </div>\n      {{/if}}\n\n      {{#if\n        (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))\n      }}\n        <div class=\"euiFlyoutBody__overflowContent\">\n          {{#if (has-block \"default\")}}\n            {{yield to=\"default\"}}\n          {{else}}\n            {{yield to=\"content\"}}\n          {{/if}}\n        </div>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </div>\n  </div>\n</template>;\n\nexport default EuiFlyoutBody;\n"],"names":["EuiFlyoutBody","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,urBAAA,EA8BrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** The bottom bar of an EuiFlyout, usually with its buttons. */
 const EuiFlyoutFooter = setComponentTemplate(precompileTemplate("<div class=\"euiFlyoutFooter\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

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

@@ -1 +1 @@
-{"version":3,"file":"eui-flyout-footer.js","sources":["../../src/components/eui-flyout-footer.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutFooterSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlyoutFooter: TemplateOnlyComponent<EuiFlyoutFooterSignature> =\n  <template>\n    <div class=\"euiFlyoutFooter\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFlyoutFooter;\n"],"names":["EuiFlyoutFooter","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,oEAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-flyout-footer.js","sources":["../../src/components/eui-flyout-footer.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The bottom bar of an EuiFlyout, usually with its buttons. */\nexport interface EuiFlyoutFooterSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** Usually an `EuiFlexGroup` with close/cancel and primary buttons. */\n    default: [];\n  };\n}\n\nconst EuiFlyoutFooter: TemplateOnlyComponent<EuiFlyoutFooterSignature> =\n  <template>\n    <div class=\"euiFlyoutFooter\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFlyoutFooter;\n"],"names":["EuiFlyoutFooter","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,oEAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-flyout-header.js","sources":["../../src/components/eui-flyout-header.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    hasBorder?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlyoutHeader: TemplateOnlyComponent<EuiFlyoutHeaderSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiFlyoutHeader\"\n        (if @hasBorder \"euiFlyoutHeader--hasBorder\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFlyoutHeader;\n"],"names":["EuiFlyoutHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAcA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,kIAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-flyout-header.js","sources":["../../src/components/eui-flyout-header.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The top of an EuiFlyout, usually with an `EuiTitle`. */\nexport interface EuiFlyoutHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Adds a border between the header and the body. */\n    hasBorder?: boolean;\n  };\n  Blocks: {\n    /** The title, e.g. `<EuiTitle @size=\"m\" @tagName=\"h2\">Details</EuiTitle>`. */\n    default: [];\n  };\n}\n\nconst EuiFlyoutHeader: TemplateOnlyComponent<EuiFlyoutHeaderSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiFlyoutHeader\"\n        (if @hasBorder \"euiFlyoutHeader--hasBorder\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFlyoutHeader;\n"],"names":["EuiFlyoutHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAiBA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,kIAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-flyout.js

@@ -16,7 +16,7 @@ import OutsideClickDetector from '../modifiers/outside-click-detector.js';
 import ResizeObserver from '../modifiers/resize-observer.js';
 import { isWithinMinBreakpoint } from '../utils/breakpoint.js';
 import { sizeMapping } from '../utils/css-mappings/eui-flyout.js';
-import { keysOf } from './common.js';
+import keysOf from './common.js';
 import EuiButtonIcon from './eui-button-icon.js';
 import EuiOverlayMaskComponent from './eui-overlay-mask.js';
 import EuiPortal from './eui-portal.js';
@@ -63,6 +63,12 @@ const SIZES = keysOf(sizeMapping);
 function isEuiFlyoutSizeNamed(value) {
   return SIZES.includes(value);
 }
+/**
+ * A panel sliding in from the side of the window, for details or forms
+ * that keep the page context. Render it only while open:
+ * `{{#if this.isOpen}}<EuiFlyout @onClose={{…}}>…</EuiFlyout>{{/if}}`.
+ */
+
 class EuiFlyoutComponent extends Component {
   static {
     g(this.prototype, "windowIsLargeEnoughToPush", [tracked], function () {
@@ -162,7 +168,7 @@ class EuiFlyoutComponent extends Component {
     n(this.prototype, "onResize", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("{{#let (classNames (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\") componentName=\"EuiFlyout\" type=this.type side=this.side size=this.size padding=this.paddingSize) (classNames \"euiFlyout__closeButton\" (concat \"euiFlyout__closeButton--\" this.closeButtonPosition) (or @closeButtonProps.className @closeButtonProps.classes)) (modifier focusTrap isActive=(argOrDefault @isFocusTrapActive true) shouldSelfFocus=(argOrDefault @shouldSelfFocus true) isPaused=this.isPushed focusTrapOptions=(argOrDefault @focusTrapOptions (hash allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)))) (modifier outsideClickDetectorModifier isDisabled=(or this.isPushed (not this.outsideClickCloses)) onOutsideClick=this.onClose) (modifier styleModifier this.styles) (modifier onKey \"Escape\" this.onClose) (modifier classesModifier type=this.type isPushed=this.isPushed side=this.side dimensions=this.dimensions functionToCallOnWindowResize=this.functionToCallOnWindowResize) (modifier resizeObserverModifier onResize=this.onResize) (element this.as) as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|}}\n\n  {{#if (and this.ownFocus (not this.isPushed))}}\n    <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n      <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{!--@glint-expect-error--}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n        {{#if (and @onClose (not @hideCloseButton))}}\n          <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n        {{/if}}\n        {{yield}}\n      </TheElement>\n    </EuiOverlayMask>\n  {{else if (not this.isPushed)}}\n    <EuiPortal>\n      <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n        {{#if (and @onClose (not @hideCloseButton))}}\n          <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n        {{/if}}\n        {{yield}}\n      </TheElement>\n    </EuiPortal>\n  {{else}}\n    <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n      {{#if (and @onClose (not @hideCloseButton))}}\n        <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n      {{/if}}\n      {{yield}}\n    </TheElement>\n  {{/if}}\n{{/let}}", {
+    setComponentTemplate(precompileTemplate("{{#let (classNames (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\") componentName=\"EuiFlyout\" type=this.type side=this.side size=this.size padding=this.paddingSize) (classNames \"euiFlyout__closeButton\" (concat \"euiFlyout__closeButton--\" this.closeButtonPosition) (or @closeButtonProps.className @closeButtonProps.classes)) (modifier focusTrap isActive=(argOrDefault @isFocusTrapActive true) shouldSelfFocus=(argOrDefault @shouldSelfFocus true) isPaused=this.isPushed focusTrapOptions=(argOrDefault @focusTrapOptions (hash allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)))) (modifier outsideClickDetectorModifier isDisabled=(or this.isPushed (not this.outsideClickCloses)) onOutsideClick=this.onClose) (modifier styleModifier this.styles) (modifier onKey \"Escape\" this.onClose) (modifier classesModifier type=this.type isPushed=this.isPushed side=this.side dimensions=this.dimensions functionToCallOnWindowResize=this.functionToCallOnWindowResize) (modifier resizeObserverModifier onResize=this.onResize) (element this.as) as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|}}\n\n  {{#if (and this.ownFocus (not this.isPushed))}}\n    <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n      <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{!--@glint-expect-error--}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n        {{#if (and @onClose (not @hideCloseButton))}}\n          <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n        {{/if}}\n        {{yield}}\n      </TheElement>\n    </EuiOverlayMask>\n  {{else if (not this.isPushed)}}\n    <EuiPortal>\n      <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n        {{#if (and @onClose (not @hideCloseButton))}}\n          <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n        {{/if}}\n        {{yield}}\n      </TheElement>\n    </EuiPortal>\n  {{else}}\n    <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n      {{#if (and @onClose (not @hideCloseButton))}}\n        <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n      {{/if}}\n      {{yield}}\n    </TheElement>\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         classNames,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-flyout.js","sources":["../../src/components/eui-flyout.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { element } from 'ember-element-helper';\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier as modBuilder } from 'ember-modifier';\nimport styleModifier from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport outsideClickDetectorModifier from '../modifiers/outside-click-detector.ts';\nimport resizeObserverModifier from '../modifiers/resize-observer.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-flyout.ts';\nimport { keysOf } from './common.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiFlyoutArgs = {\n  closeAriaLabel?: string;\n  /**\n   * Shows the navigation flyout\n   */\n  isOpen?: boolean;\n  /**\n   * Keeps navigation flyout visible and push `<body>` content via padding\n   */\n  isDocked?: boolean;\n  /**\n   * Named breakpoint or pixel value for customizing the minimum window width to enable docking\n   */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /**\n   * Keeps the display of toggle button when in docked state\n   */\n  showButtonIfDocked?: boolean;\n\n  isFocusTrapActive?: boolean;\n\n  as?: string;\n\n  size?: number | string;\n\n  side?: 'left' | 'right';\n\n  role?: null | string;\n\n  ownFocus?: boolean;\n\n  outsideClickCloses?: boolean;\n\n  closeButtonPosition?: 'outside' | 'inside';\n\n  paddingSize?: string;\n\n  hideCloseButton?: boolean;\n\n  closeButtonProps?: {\n    className?: string;\n    onClick?: (e: MouseEvent) => void;\n    classes?: string;\n  };\n\n  closeButtonAriaLabel?: string;\n\n  onClose?: () => void;\n\n  maxWidth?: boolean | number;\n\n  maskProps?: Record<string, unknown>;\n\n  type?: string;\n\n  pushMinBreakpoint?: number | EuiBreakpointSize;\n\n  shouldSelfFocus?: boolean;\n\n  focusTrapOptions?: {\n    allowOutsideClick?: boolean;\n    clickOutsideDeactivates?: boolean;\n    initialFocus?: string | HTMLElement | (() => HTMLElement);\n    fallbackFocus?: string | HTMLElement | (() => HTMLElement);\n    escapeDeactivates?: boolean;\n    returnFocusOnDeactivate?: boolean;\n    preventScroll?: boolean;\n  };\n};\n\nconst classesModifier = modBuilder(\n  (\n    _element: Element,\n    _pos,\n    {\n      type,\n      isPushed,\n      side,\n      dimensions = {},\n      functionToCallOnWindowResize\n    }: {\n      type: string;\n      isPushed: boolean;\n      side: string;\n      dimensions?: { width?: number };\n      functionToCallOnWindowResize: () => void;\n    }\n  ) => {\n    // This class doesn't actually do anything by EUI, but is nice to add for consumers (JIC)\n    document.body.classList.add('euiBody--hasFlyout');\n\n    /**\n     * Accomodate for the `isPushed` state by adding padding to the body equal to the width of the element\n     */\n    if (type === 'push') {\n      // Only add the event listener if we'll need to accommodate with padding\n      window.addEventListener('resize', functionToCallOnWindowResize);\n\n      if (isPushed && dimensions.width) {\n        if (side === 'right') {\n          document.body.style.paddingRight = `${dimensions.width}px`;\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = `${dimensions.width}px`;\n        }\n      }\n    }\n\n    return () => {\n      document.body.classList.remove('euiBody--hasFlyout');\n\n      if (type === 'push') {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n\n        if (side === 'right') {\n          document.body.style.paddingRight = '';\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = '';\n        }\n      }\n    };\n  }\n);\n\nexport const SIZES = keysOf(sizeMapping);\nexport type EuiFlyoutSize = (typeof SIZES)[number];\n\nfunction isEuiFlyoutSizeNamed(value: any): value is EuiFlyoutSize {\n  return SIZES.includes(value);\n}\n\nexport interface EuiFlyoutSignature {\n  Element: any;\n  Args: EuiFlyoutArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiFlyoutComponent extends Component<EuiFlyoutSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.pushMinBreakpoint\n  );\n\n  @tracked dimensions?: { width?: number; height?: number };\n\n  get as() {\n    return this.args.as ?? 'div';\n  }\n\n  get hideCloseButton() {\n    return this.args.hideCloseButton ?? false;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'inside';\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get side() {\n    return this.args.side ?? 'right';\n  }\n\n  get size() {\n    return this.args.size ?? 'm';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get maxWidth() {\n    return this.args.maxWidth ?? false;\n  }\n\n  get type() {\n    return this.args.type ?? 'overlay';\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? false;\n  }\n\n  get role() {\n    return this.args.role ?? 'dialog';\n  }\n\n  get pushMinBreakpoint() {\n    return this.args.pushMinBreakpoint ?? 'l';\n  }\n\n  get isPushed() {\n    return this.type === 'push' && this.windowIsLargeEnoughToPush;\n  }\n\n  get styles() {\n    let newStyle: { [key: string]: unknown } = {};\n\n    if (this.maxWidth !== false) {\n      const value =\n        typeof this.maxWidth === 'number'\n          ? `${this.maxWidth}px`\n          : this.maxWidth;\n\n      newStyle = { maxWidth: value };\n    }\n\n    if (!isEuiFlyoutSizeNamed(this.size) && newStyle) {\n      newStyle['width'] = this.size;\n    } else {\n      newStyle = { width: this.size };\n    }\n\n    return newStyle;\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.pushMinBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  @action\n  onClose() {\n    this.args.onClose?.();\n  }\n\n  @action\n  onButtonCloseClicked(e: MouseEvent) {\n    this.onClose();\n    this.args.closeButtonProps?.onClick?.(e);\n  }\n\n  @action\n  onResize(dimensions: { width: number; height: number }) {\n    this.dimensions = dimensions;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\")\n        componentName=\"EuiFlyout\"\n        type=this.type\n        side=this.side\n        size=this.size\n        padding=this.paddingSize\n      )\n      (classNames\n        \"euiFlyout__closeButton\"\n        (concat \"euiFlyout__closeButton--\" this.closeButtonPosition)\n        (or @closeButtonProps.className @closeButtonProps.classes)\n      )\n      (modifier\n        focusTrap\n        isActive=(argOrDefault @isFocusTrapActive true)\n        shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n        isPaused=this.isPushed\n        focusTrapOptions=(argOrDefault\n          @focusTrapOptions\n          (hash\n            allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)\n          )\n        )\n      )\n      (modifier\n        outsideClickDetectorModifier\n        isDisabled=(or this.isPushed (not this.outsideClickCloses))\n        onOutsideClick=this.onClose\n      )\n      (modifier styleModifier this.styles)\n      (modifier onKey \"Escape\" this.onClose)\n      (modifier\n        classesModifier\n        type=this.type\n        isPushed=this.isPushed\n        side=this.side\n        dimensions=this.dimensions\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      )\n      (modifier resizeObserverModifier onResize=this.onResize)\n      (element this.as)\n      as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|\n    }}\n\n      {{#if (and this.ownFocus (not this.isPushed))}}\n        <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{!@glint-expect-error}}\n            {{currentStyles}}\n            {{!@glint-expect-error}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiOverlayMask>\n      {{else if (not this.isPushed)}}\n        <EuiPortal>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{currentStyles}}\n            {{!@glint-expect-error}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiPortal>\n      {{else}}\n        <TheElement\n          role={{this.role}}\n          class={{classes}}\n          tabindex={{-1}}\n          {{currentStyles}}\n          {{!@glint-expect-error}}\n          {{focusTrapModifier}}\n          {{outsideClickDetector}}\n          {{onEscape}}\n          {{classesModifier}}\n          {{resizeObserver}}\n          ...attributes\n        >\n          {{#if (and @onClose (not @hideCloseButton))}}\n            <EuiButtonIcon\n              @display={{if\n                (eq this.closeButtonPosition \"outside\")\n                \"fill\"\n                \"empty\"\n              }}\n              @iconType=\"cross\"\n              @color=\"text\"\n              aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n              data-test-subj=\"euiFlyoutCloseButton\"\n              class={{closeButtonClasses}}\n              {{on \"click\" this.onButtonCloseClicked}}\n            />\n          {{/if}}\n          {{yield}}\n        </TheElement>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["classesModifier","modBuilder","_element","_pos","type","isPushed","side","dimensions","functionToCallOnWindowResize","document","body","classList","add","window","addEventListener","width","style","paddingRight","paddingLeft","remove","removeEventListener","SIZES","keysOf","sizeMapping","isEuiFlyoutSizeNamed","value","includes","EuiFlyoutComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","pushMinBreakpoint","i","as","args","hideCloseButton","closeButtonPosition","ownFocus","size","paddingSize","maxWidth","outsideClickCloses","role","windowIsLargeEnoughToPush","styles","newStyle","throttle","n","action","onClose","onButtonCloseClicked","e","closeButtonProps","onClick","onResize","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","concat","or","focusTrap","argOrDefault","hash","not","outsideClickDetectorModifier","styleModifier","onKey","resizeObserverModifier","element","and","EuiOverlayMask","EuiButtonIcon","on","EuiPortal"],"mappings":"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"}
+{"version":3,"file":"eui-flyout.js","sources":["../../src/components/eui-flyout.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { element } from 'ember-element-helper';\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier as modBuilder } from 'ember-modifier';\nimport styleModifier from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport outsideClickDetectorModifier from '../modifiers/outside-click-detector.ts';\nimport resizeObserverModifier from '../modifiers/resize-observer.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-flyout.ts';\nimport { keysOf } from './common.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiFlyoutArgs = {\n  /** Same as `@closeButtonAriaLabel`. */\n  closeAriaLabel?: string;\n  /** @deprecated Has no effect: render the flyout only while it is open. */\n  isOpen?: boolean;\n  /** @deprecated Has no effect, see EuiCollapsibleNav; use `@type=\"push\"`. */\n  isDocked?: boolean;\n  /** @deprecated Has no effect; use `@pushMinBreakpoint`. */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /** @deprecated Has no effect. */\n  showButtonIfDocked?: boolean;\n\n  /** Traps keyboard focus inside the flyout. Defaults to `true`. */\n  isFocusTrapActive?: boolean;\n\n  /** Tag of the flyout, e.g. `'nav'` or `'aside'`. Defaults to `'div'`. */\n  as?: string;\n\n  /**\n   * Width: `'s'`, `'m'` or `'l'`, a number in px or any CSS width.\n   * Defaults to `'m'`.\n   */\n  size?: number | string;\n\n  /** Side of the window it slides in from. Defaults to `'right'`. */\n  side?: 'left' | 'right';\n\n  /** `role` of the flyout. Defaults to `'dialog'`. */\n  role?: null | string;\n\n  /**\n   * Renders a mask over the page behind the flyout, which closes it when\n   * clicked. Without it, the page stays usable. Defaults to `true`.\n   */\n  ownFocus?: boolean;\n\n  /** Clicking outside the flyout calls `@onClose`. Defaults to `false`. */\n  outsideClickCloses?: boolean;\n\n  /**\n   * Close button `'inside'` the flyout's corner or `'outside'` next to it.\n   * Defaults to `'inside'`.\n   */\n  closeButtonPosition?: 'outside' | 'inside';\n\n  /**\n   * Padding of `EuiFlyoutHeader`, `EuiFlyoutBody` and `EuiFlyoutFooter`:\n   * `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`.\n   */\n  paddingSize?: string;\n\n  /** Hides the close button (e.g. when the flyout has its own). */\n  hideCloseButton?: boolean;\n\n  /** Props for the close button: `{ className, onClick }`. */\n  closeButtonProps?: {\n    className?: string;\n    onClick?: (e: MouseEvent) => void;\n    classes?: string;\n  };\n\n  /** Accessible label of the close button. Defaults to \"Close this dialog\". */\n  closeButtonAriaLabel?: string;\n\n  /**\n   * Called by the close button, Escape, the mask and outside clicks. Stop\n   * rendering the flyout here. Without it there is no close button.\n   */\n  onClose?: () => void;\n\n  /**\n   * Caps the width: `true` for EUI's default max width, or a number in px.\n   * Defaults to `false`.\n   */\n  maxWidth?: boolean | number;\n\n  /** @deprecated Has no effect. */\n  maskProps?: Record<string, unknown>;\n\n  /**\n   * `'overlay'` covers the page; `'push'` pads the page so the flyout sits\n   * beside it (on windows at least `@pushMinBreakpoint` wide).\n   * Defaults to `'overlay'`.\n   */\n  type?: string;\n\n  /**\n   * Minimum window width for `@type=\"push\"`: a named breakpoint (`'xs'`\n   * to `'xl'`) or px. Smaller windows get an overlay. Defaults to `'l'`.\n   */\n  pushMinBreakpoint?: number | EuiBreakpointSize;\n\n  /** Focuses the flyout itself when it opens. Defaults to `true`. */\n  shouldSelfFocus?: boolean;\n\n  /**\n   * Options for the focus trap (focus-trap library), e.g.\n   * `{ initialFocus: '#name' }`. Defaults to allowing outside clicks.\n   */\n  focusTrapOptions?: {\n    allowOutsideClick?: boolean;\n    clickOutsideDeactivates?: boolean;\n    initialFocus?: string | HTMLElement | (() => HTMLElement);\n    fallbackFocus?: string | HTMLElement | (() => HTMLElement);\n    escapeDeactivates?: boolean;\n    returnFocusOnDeactivate?: boolean;\n    preventScroll?: boolean;\n  };\n};\n\nconst classesModifier = modBuilder(\n  (\n    _element: Element,\n    _pos,\n    {\n      type,\n      isPushed,\n      side,\n      dimensions = {},\n      functionToCallOnWindowResize\n    }: {\n      type: string;\n      isPushed: boolean;\n      side: string;\n      dimensions?: { width?: number };\n      functionToCallOnWindowResize: () => void;\n    }\n  ) => {\n    // This class doesn't actually do anything by EUI, but is nice to add for consumers (JIC)\n    document.body.classList.add('euiBody--hasFlyout');\n\n    /**\n     * Accomodate for the `isPushed` state by adding padding to the body equal to the width of the element\n     */\n    if (type === 'push') {\n      // Only add the event listener if we'll need to accommodate with padding\n      window.addEventListener('resize', functionToCallOnWindowResize);\n\n      if (isPushed && dimensions.width) {\n        if (side === 'right') {\n          document.body.style.paddingRight = `${dimensions.width}px`;\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = `${dimensions.width}px`;\n        }\n      }\n    }\n\n    return () => {\n      document.body.classList.remove('euiBody--hasFlyout');\n\n      if (type === 'push') {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n\n        if (side === 'right') {\n          document.body.style.paddingRight = '';\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = '';\n        }\n      }\n    };\n  }\n);\n\nexport const SIZES = keysOf(sizeMapping);\nexport type EuiFlyoutSize = (typeof SIZES)[number];\n\nfunction isEuiFlyoutSizeNamed(value: any): value is EuiFlyoutSize {\n  return SIZES.includes(value);\n}\n\n/**\n * A panel sliding in from the side of the window, for details or forms\n * that keep the page context. Render it only while open:\n * `{{#if this.isOpen}}<EuiFlyout @onClose={{…}}>…</EuiFlyout>{{/if}}`.\n */\nexport interface EuiFlyoutSignature {\n  Element: any;\n  Args: EuiFlyoutArgs;\n  Blocks: {\n    /** Usually `EuiFlyoutHeader`, `EuiFlyoutBody` and `EuiFlyoutFooter`. */\n    default: [];\n  };\n}\n\nexport default class EuiFlyoutComponent extends Component<EuiFlyoutSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.pushMinBreakpoint\n  );\n\n  @tracked dimensions?: { width?: number; height?: number };\n\n  get as() {\n    return this.args.as ?? 'div';\n  }\n\n  get hideCloseButton() {\n    return this.args.hideCloseButton ?? false;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'inside';\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get side() {\n    return this.args.side ?? 'right';\n  }\n\n  get size() {\n    return this.args.size ?? 'm';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get maxWidth() {\n    return this.args.maxWidth ?? false;\n  }\n\n  get type() {\n    return this.args.type ?? 'overlay';\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? false;\n  }\n\n  get role() {\n    return this.args.role ?? 'dialog';\n  }\n\n  get pushMinBreakpoint() {\n    return this.args.pushMinBreakpoint ?? 'l';\n  }\n\n  get isPushed() {\n    return this.type === 'push' && this.windowIsLargeEnoughToPush;\n  }\n\n  get styles() {\n    let newStyle: { [key: string]: unknown } = {};\n\n    if (this.maxWidth !== false) {\n      const value =\n        typeof this.maxWidth === 'number'\n          ? `${this.maxWidth}px`\n          : this.maxWidth;\n\n      newStyle = { maxWidth: value };\n    }\n\n    if (!isEuiFlyoutSizeNamed(this.size) && newStyle) {\n      newStyle['width'] = this.size;\n    } else {\n      newStyle = { width: this.size };\n    }\n\n    return newStyle;\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.pushMinBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  @action\n  onClose() {\n    this.args.onClose?.();\n  }\n\n  @action\n  onButtonCloseClicked(e: MouseEvent) {\n    this.onClose();\n    this.args.closeButtonProps?.onClick?.(e);\n  }\n\n  @action\n  onResize(dimensions: { width: number; height: number }) {\n    this.dimensions = dimensions;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\")\n        componentName=\"EuiFlyout\"\n        type=this.type\n        side=this.side\n        size=this.size\n        padding=this.paddingSize\n      )\n      (classNames\n        \"euiFlyout__closeButton\"\n        (concat \"euiFlyout__closeButton--\" this.closeButtonPosition)\n        (or @closeButtonProps.className @closeButtonProps.classes)\n      )\n      (modifier\n        focusTrap\n        isActive=(argOrDefault @isFocusTrapActive true)\n        shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n        isPaused=this.isPushed\n        focusTrapOptions=(argOrDefault\n          @focusTrapOptions\n          (hash\n            allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)\n          )\n        )\n      )\n      (modifier\n        outsideClickDetectorModifier\n        isDisabled=(or this.isPushed (not this.outsideClickCloses))\n        onOutsideClick=this.onClose\n      )\n      (modifier styleModifier this.styles)\n      (modifier onKey \"Escape\" this.onClose)\n      (modifier\n        classesModifier\n        type=this.type\n        isPushed=this.isPushed\n        side=this.side\n        dimensions=this.dimensions\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      )\n      (modifier resizeObserverModifier onResize=this.onResize)\n      (element this.as)\n      as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|\n    }}\n\n      {{#if (and this.ownFocus (not this.isPushed))}}\n        <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{!@glint-expect-error}}\n            {{currentStyles}}\n            {{!@glint-expect-error}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiOverlayMask>\n      {{else if (not this.isPushed)}}\n        <EuiPortal>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{currentStyles}}\n            {{!@glint-expect-error}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiPortal>\n      {{else}}\n        <TheElement\n          role={{this.role}}\n          class={{classes}}\n          tabindex={{-1}}\n          {{currentStyles}}\n          {{!@glint-expect-error}}\n          {{focusTrapModifier}}\n          {{outsideClickDetector}}\n          {{onEscape}}\n          {{classesModifier}}\n          {{resizeObserver}}\n          ...attributes\n        >\n          {{#if (and @onClose (not @hideCloseButton))}}\n            <EuiButtonIcon\n              @display={{if\n                (eq this.closeButtonPosition \"outside\")\n                \"fill\"\n                \"empty\"\n              }}\n              @iconType=\"cross\"\n              @color=\"text\"\n              aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n              data-test-subj=\"euiFlyoutCloseButton\"\n              class={{closeButtonClasses}}\n              {{on \"click\" this.onButtonCloseClicked}}\n            />\n          {{/if}}\n          {{yield}}\n        </TheElement>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["classesModifier","modBuilder","_element","_pos","type","isPushed","side","dimensions","functionToCallOnWindowResize","document","body","classList","add","window","addEventListener","width","style","paddingRight","paddingLeft","remove","removeEventListener","SIZES","keysOf","sizeMapping","isEuiFlyoutSizeNamed","value","includes","EuiFlyoutComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","pushMinBreakpoint","i","as","args","hideCloseButton","closeButtonPosition","ownFocus","size","paddingSize","maxWidth","outsideClickCloses","role","windowIsLargeEnoughToPush","styles","newStyle","throttle","n","action","onClose","onButtonCloseClicked","e","closeButtonProps","onClick","onResize","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","concat","or","focusTrap","argOrDefault","hash","not","outsideClickDetectorModifier","styleModifier","onKey","resizeObserverModifier","element","and","EuiOverlayMask","EuiButtonIcon","on","EuiPortal"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** @private The clear ("x") button of EuiFormControlLayout; add `{{on "click" …}}`. */
 const EuiFormControlLayoutClearButton = setComponentTemplate(precompileTemplate("<button class={{classNames componentName=\"EuiFormControlLayoutClearButton\" size=(argOrDefault @size \"m\")}} type=\"button\" aria-label={{@label}} ...attributes>\n  <EuiIcon @iconClasses=\"euiFormControlLayoutClearButton__icon\" @type=\"cross\" />\n</button>", {
   strictMode: true,
   scope: () => ({