@ember-eui/core 16.0.4 → 16.0.5

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

@@ -1 +1 @@
-{"version":3,"file":"eui-inline-edit-form.js","sources":["../../../src/components/eui-inline-edit/eui-inline-edit-form.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport { not } from 'ember-truth-helpers';\nimport { randomId } from '../../-private/random-id.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport {\n  euiFormVariables,\n  euiInlineEditReadModeStyles\n} from '../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiButtonEmpty from '../eui-button-empty.gts';\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiFieldText from '../eui-field-text.gts';\nimport EuiFlexGroup from '../eui-flex-group.gts';\nimport EuiFlexItem from '../eui-flex-item.gts';\nimport EuiFormLabel from '../eui-form-label.gts';\nimport EuiFormRow from '../eui-form-row.gts';\nimport EuiSkeletonLoading from '../eui-skeleton-loading.gts';\nimport EuiSkeletonRectangle from '../eui-skeleton-rectangle.gts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type Owner from '@ember/owner';\nimport type EuiI18n from '../../services/eui-i18n';\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiButtonIconSignature } from '../eui-button-icon';\n\n/** Props for the save/cancel `EuiButtonIcon`s (upstream `saveButtonProps`). */\nexport interface EuiInlineEditButtonProps {\n  /** Called after the save/cancel itself. */\n  onClick?: (event: MouseEvent) => void;\n  'aria-label'?: string;\n  'data-test-subj'?: string;\n  title?: string;\n  color?: EuiButtonIconSignature['Args']['color'];\n  display?: EuiButtonIconSignature['Args']['display'];\n  iconType?: EuiButtonIconSignature['Args']['iconType'];\n  isDisabled?: boolean;\n}\n\n/** Arguments shared by `EuiInlineEditText` and `EuiInlineEditTitle`. */\nexport interface EuiInlineEditCommonArgs {\n  /** Text shown (and used as the input placeholder) while there is no value. */\n  placeholder?: string;\n  /**\n   * Called with the edited text when saving. Return (or resolve to) `false`\n   * to stay in edit mode, e.g. to show `@isInvalid` or `@isLoading`.\n   */\n  onSave?: (value: string) => void | boolean | Promise<boolean | void>;\n  /**\n   * Accessible name of the input (required: the input has no visible\n   * label).\n   */\n  inputAriaLabel: string;\n  /** Starts in edit mode. */\n  startWithEditOpen?: boolean;\n  /** Initial text (uncontrolled). */\n  defaultValue?: string;\n  /**\n   * The text, for controlled usage: update it from `@onChange` and reset it\n   * from `@onCancel`.\n   */\n  value?: string;\n  /** Called on every input event in edit mode (controlled usage). */\n  onChange?: (event: Event) => void;\n  /** Called with the previous read mode text when the edit is cancelled. */\n  onCancel?: (previousValue: string) => void;\n  /** Loading state, shown in edit mode (spinner, skeleton buttons). */\n  isLoading?: boolean;\n  /** Invalid state, shown in edit mode (with `editModeProps.formRowProps.error`). */\n  isInvalid?: boolean;\n  /** Locks read mode and shows the text without the edit affordance. */\n  isReadOnly?: boolean;\n  /**\n   * Upstream `readModeProps` for the read mode `EuiButtonEmpty`. Supported:\n   * `onClick` (called after edit mode opens), `buttonRef`, `title`,\n   * `aria-describedby` (added to the instructions), `data-test-subj`,\n   * `color` (any `EuiButtonEmpty` color, defaults to `'text'`) and\n   * `iconSide` (`'left'` or `'right'`, defaults to `'right'`).\n   */\n  readModeProps?: {\n    color?: string;\n    iconSide?: 'left' | 'right';\n    onClick?: (event: MouseEvent) => void;\n    buttonRef?: (element: HTMLElement) => void;\n    title?: string;\n    'aria-describedby'?: string;\n    'data-test-subj'?: string;\n  };\n  /**\n   * Upstream `editModeProps`:\n   * - `formRowProps`: `error` (shown while `@isInvalid`), `helpText`,\n   *   `data-test-subj`\n   * - `inputProps`: `onChange`, `onKeyDown` (called after the inline edit's\n   *   own handling), `inputRef`, `aria-describedby`, `name`, `maxLength`,\n   *   `data-test-subj`, `readOnly`, `prepend` and `append` (text, shown in\n   *   an `EuiFormLabel`, or a component)\n   * - `saveButtonProps` / `cancelButtonProps`: see `EuiInlineEditButtonProps`\n   */\n  editModeProps?: {\n    formRowProps?: {\n      error?: string | string[];\n      helpText?: string;\n      'data-test-subj'?: string;\n    };\n    inputProps?: {\n      onChange?: (event: Event) => void;\n      onKeyDown?: (event: KeyboardEvent) => void;\n      inputRef?: (element: HTMLInputElement | null) => void;\n      'aria-describedby'?: string;\n      name?: string;\n      maxLength?: number;\n      readOnly?: boolean;\n      prepend?: string | ComponentLike;\n      append?: string | ComponentLike;\n      'data-test-subj'?: string;\n    };\n    saveButtonProps?: EuiInlineEditButtonProps;\n    cancelButtonProps?: EuiInlineEditButtonProps;\n  };\n  /**\n   * Extra styles composed last into this component's class (like upstream's\n   * `css` prop).\n   */\n  css?: EuiCss;\n}\n\n/** Upstream `SMALL_SIZE_FORM` / `MEDIUM_SIZE_FORM`. */\nexport interface EuiInlineEditSizes {\n  iconSize: 's' | 'm';\n  compressed: boolean;\n  buttonSize: 's' | 'm';\n}\nexport const SMALL_SIZE_FORM: EuiInlineEditSizes = {\n  iconSize: 's',\n  compressed: true,\n  buttonSize: 's'\n};\nexport const MEDIUM_SIZE_FORM: EuiInlineEditSizes = {\n  iconSize: 'm',\n  compressed: false,\n  buttonSize: 'm'\n};\n\n/** A string `prepend`/`append` is a label (upstream), anything else a component. */\nconst SideContent = <template>\n  {{#if (isString @content)}}\n    <EuiFormLabel class={{@class}} @for={{@inputId}}>{{asText @content}}</EuiFormLabel>\n  {{else if @content}}\n    {{#let (asComponent @content) as |Content|}}<Content />{{/let}}\n  {{/if}}\n</template> as TemplateOnlyComponent<{\n  Args: {\n    content?: string | ComponentLike;\n    class?: string;\n    inputId?: string;\n  };\n}>;\n\nfunction isString(value: unknown): boolean {\n  return typeof value === 'string';\n}\n\nfunction asText(value: unknown): string {\n  return String(value);\n}\n\nfunction asComponent(value: unknown): ComponentLike {\n  return value as ComponentLike;\n}\n\nexport interface EuiInlineEditFormSignature {\n  Element: HTMLDivElement;\n  Args: EuiInlineEditCommonArgs & {\n    /** @private Form sizes. */\n    sizes: EuiInlineEditSizes;\n    /** @private Root class names (`euiInlineEditText` / `…Title`). */\n    className: string;\n    /** @private Root styles of the consumer component. */\n    rootCss: EuiCss;\n    /** @private Read mode button `role` (read only). */\n    readModeRole?: string;\n    /** @private Read mode button `aria-level` (read-only headings). */\n    readModeAriaLevel?: number;\n  };\n  Blocks: {\n    /** Renders the read mode text; yields it. */\n    default: [readModeValue: string];\n  };\n}\n\n/**\n * @private Upstream `EuiInlineEditForm`: the shared read/edit mode\n * implementation of EuiInlineEditText and EuiInlineEditTitle.\n */\nexport default class EuiInlineEditForm extends Component<EuiInlineEditFormSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked _isEditing = Boolean(this.args.startWithEditOpen);\n  @tracked editModeValue = this.args.defaultValue ?? '';\n  // Like upstream, also seeded with the controlled value as an onCancel backup.\n  @tracked readModeValue: string;\n\n  /** Which element takes focus once it renders (after a mode switch). */\n  pendingFocus: 'read' | 'edit' | null = null;\n\n  constructor(owner: Owner, args: EuiInlineEditFormSignature['Args']) {\n    super(owner, args);\n    // Seeded eagerly: tracked field initializers run lazily on first read,\n    // which would pick up a controlled value changed since.\n    this.readModeValue = args.value || args.defaultValue || '';\n  }\n\n  readModeDescribedById = `inlineEdit_${randomId()}`;\n  editModeDescribedById = `inlineEdit_${randomId()}`;\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get isEditing() {\n    // Read-only always shows read mode (upstream switches back to it).\n    return this._isEditing && !this.args.isReadOnly;\n  }\n  get value() {\n    if (this.args.value) return this.args.value;\n    return this.isEditing\n      ? this.editModeValue\n      : this.readModeValue || this.args.placeholder || '';\n  }\n\n  // i18n\n  get saveButtonAriaLabel() {\n    return this.euiI18n.lookupToken(\n      'euiInlineEditForm.saveButtonAriaLabel',\n      'Save edit'\n    );\n  }\n  get cancelButtonAriaLabel() {\n    return this.euiI18n.lookupToken(\n      'euiInlineEditForm.cancelButtonAriaLabel',\n      'Cancel edit'\n    );\n  }\n  get inputKeyboardInstructions() {\n    return this.euiI18n.lookupToken(\n      'euiInlineEditForm.inputKeyboardInstructions',\n      'Press Enter to save your edited text. Press Escape to cancel your edit.'\n    );\n  }\n  get activateEditModeDescription() {\n    return this.euiI18n.lookupToken(\n      'euiInlineEditForm.activateEditModeDescription',\n      'Click to edit this text inline.'\n    );\n  }\n  // prop bags\n  get readModeProps() {\n    return this.args.readModeProps ?? {};\n  }\n  get formRowProps() {\n    return this.args.editModeProps?.formRowProps ?? {};\n  }\n  get inputProps() {\n    return this.args.editModeProps?.inputProps ?? {};\n  }\n  get saveButtonProps() {\n    return this.args.editModeProps?.saveButtonProps ?? {};\n  }\n  get cancelButtonProps() {\n    return this.args.editModeProps?.cancelButtonProps ?? {};\n  }\n  get readModeAriaDescribedBy() {\n    return [this.readModeDescribedById, this.readModeProps['aria-describedby']]\n      .filter(Boolean)\n      .join(' ');\n  }\n  get editModeAriaDescribedBy() {\n    return [this.editModeDescribedById, this.inputProps['aria-describedby']]\n      .filter(Boolean)\n      .join(' ');\n  }\n  get formRowError() {\n    return this.args.isInvalid ? this.formRowProps.error : undefined;\n  }\n\n  @cached\n  get classes() {\n    return `euiInlineEdit ${this.args.className} ${euiClass(\n      this.context,\n      { boxSizing: 'border-box' },\n      this.args.rootCss,\n      this.args.css\n    )}`;\n  }\n\n  /** Composed last into the read mode EuiButtonEmpty (upstream `css`). */\n  @cached\n  get readModeCss() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiInlineEditReadModeStyles\n    );\n    return [\n      styles.euiInlineEditReadMode,\n      this.args.isReadOnly && styles.isReadOnly,\n      this.args.placeholder && !this.readModeValue && styles.hasPlaceholder\n    ];\n  }\n\n  /** Upstream `loadingSkeletonSize`: the control height. */\n  get skeletonSize() {\n    const form = useEuiBorealisStyles(this.context, euiFormVariables);\n    return this.args.sizes.compressed\n      ? form.controlCompressedHeight\n      : form.controlHeight;\n  }\n\n  // focus management: focus the element of the new mode once it renders\n  @action\n  readModeButtonInserted(element: HTMLElement) {\n    this.readModeProps.buttonRef?.(element);\n    if (this.pendingFocus === 'read') {\n      this.pendingFocus = null;\n      element.focus();\n    }\n  }\n  @action\n  inputInserted(element: HTMLInputElement | null) {\n    this.inputProps.inputRef?.(element);\n    if (element && this.pendingFocus === 'edit') {\n      this.pendingFocus = null;\n      element.focus();\n    }\n  }\n  @action\n  readOnlyChanged() {\n    // Switching to read-only while editing returns to read mode for good.\n    if (this.args.isReadOnly) this._isEditing = false;\n  }\n\n  @action\n  activateEditMode(event: MouseEvent) {\n    this.pendingFocus = 'edit';\n    this._isEditing = true;\n    this.readModeProps.onClick?.(event);\n  }\n\n  @action\n  cancel() {\n    this.editModeValue = this.readModeValue;\n    this.args.onCancel?.(this.readModeValue);\n    this.pendingFocus = 'read';\n    this._isEditing = false;\n  }\n\n  /**\n   * Not wrapped in a test waiter: the promise belongs to the app's `@onSave`\n   * (it can wait for user input, e.g. a confirmation), and the edit mode\n   * stays usable meanwhile.\n   */\n  @action\n  async save() {\n    const { onSave } = this.args;\n    if (onSave) {\n      const result = onSave(this.value);\n      const awaited = result instanceof Promise ? await result : result;\n      if (awaited === false || this.isDestroying || this.isDestroyed) return;\n    }\n    this.readModeValue = this.editModeValue;\n    this.pendingFocus = 'read';\n    this._isEditing = false;\n  }\n\n  @action\n  onInput(event: Event) {\n    this.editModeValue = (event.target as HTMLInputElement).value;\n    this.args.onChange?.(event);\n    this.inputProps.onChange?.(event);\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Enter':\n        // Enter keypresses do not proceed otherwise on WebKit and screen readers.\n        event.preventDefault();\n        void this.save();\n        break;\n      case 'Escape':\n        this.cancel();\n        break;\n    }\n    this.inputProps.onKeyDown?.(event);\n  }\n\n  @action\n  onSaveClick(event: MouseEvent) {\n    void this.save();\n    this.saveButtonProps.onClick?.(event);\n  }\n  @action\n  onCancelClick(event: MouseEvent) {\n    this.cancel();\n    this.cancelButtonProps.onClick?.(event);\n  }\n\n  <template>\n    <div\n      class={{this.classes}}\n      ...attributes\n      {{didUpdate this.readOnlyChanged @isReadOnly}}\n    >\n      {{#if this.isEditing}}\n        <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n          <EuiFlexItem>\n            <EuiFormRow\n              @fullWidth={{true}}\n              @isInvalid={{@isInvalid}}\n              @error={{this.formRowError}}\n              @helpText={{this.formRowProps.helpText}}\n              data-test-subj={{get this.formRowProps \"data-test-subj\"}}\n            >\n              <EuiFieldText\n                @fullWidth={{true}}\n                @value={{this.value}}\n                @compressed={{@sizes.compressed}}\n                @isInvalid={{@isInvalid}}\n                @isLoading={{@isLoading}}\n                @readOnly={{this.inputProps.readOnly}}\n                @isFakePrependBlock={{not this.inputProps.prepend}}\n                @isFakeAppendBlock={{not this.inputProps.append}}\n                @inputRef={{this.inputInserted}}\n                aria-label={{@inputAriaLabel}}\n                placeholder={{if @placeholder @placeholder}}\n                name={{this.inputProps.name}}\n                maxlength={{this.inputProps.maxLength}}\n                data-test-subj={{if\n                  (get this.inputProps \"data-test-subj\")\n                  (get this.inputProps \"data-test-subj\")\n                  \"euiInlineEditModeInput\"\n                }}\n                aria-describedby={{this.editModeAriaDescribedBy}}\n                {{on \"input\" this.onInput}}\n                {{on \"keydown\" this.onKeyDown}}\n              >\n                <:prepend as |classes inputId|>\n                  <SideContent\n                    @content={{this.inputProps.prepend}}\n                    @class={{classes}}\n                    @inputId={{inputId}}\n                  />\n                </:prepend>\n                <:append as |classes inputId|>\n                  <SideContent\n                    @content={{this.inputProps.append}}\n                    @class={{classes}}\n                    @inputId={{inputId}}\n                  />\n                </:append>\n              </EuiFieldText>\n            </EuiFormRow>\n            <span id={{this.editModeDescribedById}} hidden>\n              {{this.inputKeyboardInstructions}}\n            </span>\n          </EuiFlexItem>\n          <EuiFlexItem @grow={{false}}>\n            <EuiSkeletonLoading\n              @isLoading={{if @isLoading true false}}\n              @announceLoadingStatus={{true}}\n              @announceLoadedStatus={{false}}\n            >\n              <:loadingContent as |loading|>\n                <EuiFlexGroup\n                  @gutterSize=\"s\"\n                  role={{loading.role}}\n                  aria-label={{loading.ariaLabel}}\n                >\n                  <EuiSkeletonRectangle\n                    @width={{this.skeletonSize}}\n                    @height={{this.skeletonSize}}\n                    @borderRadius=\"m\"\n                  />\n                  <EuiSkeletonRectangle\n                    @width={{this.skeletonSize}}\n                    @height={{this.skeletonSize}}\n                    @borderRadius=\"m\"\n                  />\n                </EuiFlexGroup>\n              </:loadingContent>\n              <:loadedContent>\n                <EuiFlexGroup @gutterSize=\"s\">\n                  <EuiButtonIcon\n                    @iconType={{if\n                      this.saveButtonProps.iconType\n                      this.saveButtonProps.iconType\n                      \"check\"\n                    }}\n                    @color={{if\n                      this.saveButtonProps.color\n                      this.saveButtonProps.color\n                      \"success\"\n                    }}\n                    @display={{if\n                      this.saveButtonProps.display\n                      this.saveButtonProps.display\n                      \"base\"\n                    }}\n                    @size={{@sizes.buttonSize}}\n                    @iconSize={{@sizes.iconSize}}\n                    @isDisabled={{this.saveButtonProps.isDisabled}}\n                    aria-label={{if\n                      (get this.saveButtonProps \"aria-label\")\n                      (get this.saveButtonProps \"aria-label\")\n                      this.saveButtonAriaLabel\n                    }}\n                    title={{this.saveButtonProps.title}}\n                    data-test-subj={{if\n                      (get this.saveButtonProps \"data-test-subj\")\n                      (get this.saveButtonProps \"data-test-subj\")\n                      \"euiInlineEditModeSaveButton\"\n                    }}\n                    {{on \"click\" this.onSaveClick}}\n                  />\n                  <EuiButtonIcon\n                    @iconType={{if\n                      this.cancelButtonProps.iconType\n                      this.cancelButtonProps.iconType\n                      \"cross\"\n                    }}\n                    @color={{if\n                      this.cancelButtonProps.color\n                      this.cancelButtonProps.color\n                      \"danger\"\n                    }}\n                    @display={{if\n                      this.cancelButtonProps.display\n                      this.cancelButtonProps.display\n                      \"base\"\n                    }}\n                    @size={{@sizes.buttonSize}}\n                    @iconSize={{@sizes.iconSize}}\n                    @isDisabled={{this.cancelButtonProps.isDisabled}}\n                    aria-label={{if\n                      (get this.cancelButtonProps \"aria-label\")\n                      (get this.cancelButtonProps \"aria-label\")\n                      this.cancelButtonAriaLabel\n                    }}\n                    title={{this.cancelButtonProps.title}}\n                    data-test-subj={{if\n                      (get this.cancelButtonProps \"data-test-subj\")\n                      (get this.cancelButtonProps \"data-test-subj\")\n                      \"euiInlineEditModeCancelButton\"\n                    }}\n                    {{on \"click\" this.onCancelClick}}\n                  />\n                </EuiFlexGroup>\n              </:loadedContent>\n            </EuiSkeletonLoading>\n          </EuiFlexItem>\n        </EuiFlexGroup>\n      {{else}}\n        <EuiButtonEmpty\n          @color={{argOrDefault this.readModeProps.color \"text\"}}\n          @iconType={{unless @isReadOnly \"pencil\"}}\n          @iconSide={{argOrDefault this.readModeProps.iconSide \"right\"}}\n          @flush=\"both\"\n          @iconSize={{@sizes.iconSize}}\n          @size={{@sizes.buttonSize}}\n          @isDisabled={{@isReadOnly}}\n          @css={{this.readModeCss}}\n          title={{if this.readModeProps.title this.readModeProps.title this.value}}\n          data-test-subj={{if\n            (get this.readModeProps \"data-test-subj\")\n            (get this.readModeProps \"data-test-subj\")\n            \"euiInlineReadModeButton\"\n          }}\n          role={{@readModeRole}}\n          aria-level={{@readModeAriaLevel}}\n          aria-describedby={{this.readModeAriaDescribedBy}}\n          {{on \"click\" this.activateEditMode}}\n          {{didInsert this.readModeButtonInserted}}\n        >{{yield this.value}}</EuiButtonEmpty>\n        <span id={{this.readModeDescribedById}} hidden>\n          {{#unless @isReadOnly}}{{this.activateEditModeDescription}}{{/unless}}\n        </span>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["SMALL_SIZE_FORM","iconSize","compressed","buttonSize","MEDIUM_SIZE_FORM","SideContent","setComponentTemplate","precompileTemplate","strictMode","scope","isString","EuiFormLabel","asText","asComponent","templateOnly","value","String","EuiInlineEditForm","Component","g","prototype","service","i","tracked","Boolean","args","startWithEditOpen","defaultValue","pendingFocus","constructor","owner","readModeValue","readModeDescribedById","randomId","editModeDescribedById","context","getEuiThemeContext","isEditing","_isEditing","isReadOnly","editModeValue","placeholder","saveButtonAriaLabel","euiI18n","lookupToken","cancelButtonAriaLabel","inputKeyboardInstructions","activateEditModeDescription","readModeProps","formRowProps","editModeProps","inputProps","saveButtonProps","cancelButtonProps","readModeAriaDescribedBy","filter","join","editModeAriaDescribedBy","formRowError","isInvalid","error","undefined","classes","className","euiClass","boxSizing","rootCss","css","n","cached","readModeCss","styles","useEuiBorealisStyles","euiInlineEditReadModeStyles","euiInlineEditReadMode","hasPlaceholder","skeletonSize","form","euiFormVariables","sizes","controlCompressedHeight","controlHeight","readModeButtonInserted","element","buttonRef","focus","action","inputInserted","inputRef","readOnlyChanged","activateEditMode","event","onClick","cancel","onCancel","save","onSave","result","awaited","Promise","isDestroying","isDestroyed","onInput","target","onChange","onKeyDown","key","preventDefault","onSaveClick","onCancelClick","didUpdate","EuiFlexGroup","EuiFlexItem","EuiFormRow","get","EuiFieldText","not","on","EuiSkeletonLoading","EuiSkeletonRectangle","EuiButtonIcon","EuiButtonEmpty","argOrDefault","didInsert"],"mappings":"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"}
+{"version":3,"file":"eui-inline-edit-form.js","sources":["../../../src/components/eui-inline-edit/eui-inline-edit-form.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport { not } from 'ember-truth-helpers';\nimport { randomId } from '../../-private/random-id.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport {\n  euiFormVariables,\n  euiInlineEditReadModeStyles\n} from '../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiButtonEmpty from '../eui-button-empty.gts';\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiFieldText from '../eui-field-text.gts';\nimport EuiFlexGroup from '../eui-flex-group.gts';\nimport EuiFlexItem from '../eui-flex-item.gts';\nimport EuiFormLabel from '../eui-form-label.gts';\nimport EuiFormRow from '../eui-form-row.gts';\nimport EuiSkeletonLoading from '../eui-skeleton-loading.gts';\nimport EuiSkeletonRectangle from '../eui-skeleton-rectangle.gts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type Owner from '@ember/owner';\nimport type EuiI18n from '../../services/eui-i18n';\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiButtonIconSignature } from '../eui-button-icon';\n\n/** Props for the save/cancel `EuiButtonIcon`s (upstream `saveButtonProps`). */\nexport interface EuiInlineEditButtonProps {\n  /** Called after the save/cancel itself. */\n  onClick?: (event: MouseEvent) => void;\n  'aria-label'?: string;\n  'data-test-subj'?: string;\n  title?: string;\n  color?: EuiButtonIconSignature['Args']['color'];\n  display?: EuiButtonIconSignature['Args']['display'];\n  iconType?: EuiButtonIconSignature['Args']['iconType'];\n  isDisabled?: boolean;\n}\n\n/** Arguments shared by `EuiInlineEditText` and `EuiInlineEditTitle`. */\nexport interface EuiInlineEditCommonArgs {\n  /** Text shown (and used as the input placeholder) while there is no value. */\n  placeholder?: string;\n  /**\n   * Called with the edited text when saving. Return (or resolve to) `false`\n   * to stay in edit mode, e.g. to show `@isInvalid` or `@isLoading`.\n   */\n  onSave?: (value: string) => void | boolean | Promise<boolean | void>;\n  /**\n   * Accessible name of the input (required: the input has no visible\n   * label).\n   */\n  inputAriaLabel: string;\n  /** Starts in edit mode. */\n  startWithEditOpen?: boolean;\n  /** Initial text (uncontrolled). */\n  defaultValue?: string;\n  /**\n   * The text, for controlled usage: update it from `@onChange` and reset it\n   * from `@onCancel`.\n   */\n  value?: string;\n  /** Called on every input event in edit mode (controlled usage). */\n  onChange?: (event: Event) => void;\n  /** Called with the previous read mode text when the edit is cancelled. */\n  onCancel?: (previousValue: string) => void;\n  /** Loading state, shown in edit mode (spinner, skeleton buttons). */\n  isLoading?: boolean;\n  /** Invalid state, shown in edit mode (with `editModeProps.formRowProps.error`). */\n  isInvalid?: boolean;\n  /** Locks read mode and shows the text without the edit affordance. */\n  isReadOnly?: boolean;\n  /**\n   * Upstream `readModeProps` for the read mode `EuiButtonEmpty`. Supported:\n   * `onClick` (called after edit mode opens), `buttonRef`, `title`,\n   * `aria-describedby` (added to the instructions), `data-test-subj`,\n   * `color` (any `EuiButtonEmpty` color, defaults to `'text'`) and\n   * `iconSide` (`'left'` or `'right'`, defaults to `'right'`).\n   */\n  readModeProps?: {\n    color?: string;\n    iconSide?: 'left' | 'right';\n    onClick?: (event: MouseEvent) => void;\n    buttonRef?: (element: HTMLElement) => void;\n    title?: string;\n    'aria-describedby'?: string;\n    'data-test-subj'?: string;\n  };\n  /**\n   * Upstream `editModeProps`:\n   * - `formRowProps`: `error` (shown while `@isInvalid`), `helpText`,\n   *   `data-test-subj`\n   * - `inputProps`: `onChange`, `onKeyDown` (called after the inline edit's\n   *   own handling), `inputRef`, `aria-describedby`, `name`, `maxLength`,\n   *   `data-test-subj`, `readOnly`, `prepend` and `append` (text, shown in\n   *   an `EuiFormLabel`, or a component)\n   * - `saveButtonProps` / `cancelButtonProps`: see `EuiInlineEditButtonProps`\n   */\n  editModeProps?: {\n    formRowProps?: {\n      error?: string | string[];\n      helpText?: string;\n      'data-test-subj'?: string;\n    };\n    inputProps?: {\n      onChange?: (event: Event) => void;\n      onKeyDown?: (event: KeyboardEvent) => void;\n      inputRef?: (element: HTMLInputElement | null) => void;\n      'aria-describedby'?: string;\n      name?: string;\n      maxLength?: number;\n      readOnly?: boolean;\n      prepend?: string | ComponentLike;\n      append?: string | ComponentLike;\n      'data-test-subj'?: string;\n    };\n    saveButtonProps?: EuiInlineEditButtonProps;\n    cancelButtonProps?: EuiInlineEditButtonProps;\n  };\n  /**\n   * Extra styles composed last into this component's class (like upstream's\n   * `css` prop).\n   */\n  css?: EuiCss;\n}\n\n/** Upstream `SMALL_SIZE_FORM` / `MEDIUM_SIZE_FORM`. */\nexport interface EuiInlineEditSizes {\n  iconSize: 's' | 'm';\n  compressed: boolean;\n  buttonSize: 's' | 'm';\n}\nexport const SMALL_SIZE_FORM: EuiInlineEditSizes = {\n  iconSize: 's',\n  compressed: true,\n  buttonSize: 's'\n};\nexport const MEDIUM_SIZE_FORM: EuiInlineEditSizes = {\n  iconSize: 'm',\n  compressed: false,\n  buttonSize: 'm'\n};\n\n/** A string `prepend`/`append` is a label (upstream), anything else a component. */\nconst SideContent = <template>\n  {{#if (isString @content)}}\n    <EuiFormLabel class={{@class}} @for={{@inputId}}>{{asText @content}}</EuiFormLabel>\n  {{else if @content}}\n    {{#let (asComponent @content) as |Content|}}<Content />{{/let}}\n  {{/if}}\n</template> as TemplateOnlyComponent<{\n  Args: {\n    content?: string | ComponentLike;\n    class?: string;\n    inputId?: string;\n  };\n}>;\n\nfunction isString(value: unknown): boolean {\n  return typeof value === 'string';\n}\n\nfunction asText(value: unknown): string {\n  return String(value);\n}\n\nfunction asComponent(value: unknown): ComponentLike {\n  return value as ComponentLike;\n}\n\nexport interface EuiInlineEditFormSignature {\n  Element: HTMLDivElement;\n  Args: EuiInlineEditCommonArgs & {\n    /** @private Form sizes. */\n    sizes: EuiInlineEditSizes;\n    /** @private Root class names (`euiInlineEditText` / `…Title`). */\n    className: string;\n    /** @private Root styles of the consumer component. */\n    rootCss: EuiCss;\n    /** @private Read mode button `role` (read only). */\n    readModeRole?: string;\n    /** @private Read mode button `aria-level` (read-only headings). */\n    readModeAriaLevel?: number;\n  };\n  Blocks: {\n    /** Renders the read mode text; yields it. */\n    default: [readModeValue: string];\n  };\n}\n\n/**\n * @private Upstream `EuiInlineEditForm`: the shared read/edit mode\n * implementation of EuiInlineEditText and EuiInlineEditTitle.\n */\nexport default class EuiInlineEditForm extends Component<EuiInlineEditFormSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked _isEditing = Boolean(this.args.startWithEditOpen);\n  @tracked editModeValue = this.args.defaultValue ?? '';\n  // Like upstream, also seeded with the controlled value as an onCancel backup.\n  @tracked readModeValue: string;\n\n  /** Which element takes focus once it renders (after a mode switch). */\n  pendingFocus: 'read' | 'edit' | null = null;\n\n  constructor(owner: Owner, args: EuiInlineEditFormSignature['Args']) {\n    super(owner, args);\n    // Seeded eagerly: tracked field initializers run lazily on first read,\n    // which would pick up a controlled value changed since.\n    this.readModeValue = args.value || args.defaultValue || '';\n  }\n\n  readModeDescribedById = `inlineEdit_${randomId()}`;\n  editModeDescribedById = `inlineEdit_${randomId()}`;\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get isEditing() {\n    // Read-only always shows read mode (upstream switches back to it).\n    return this._isEditing && !this.args.isReadOnly;\n  }\n  get value() {\n    if (this.args.value) return this.args.value;\n    return this.isEditing\n      ? this.editModeValue\n      : this.readModeValue || this.args.placeholder || '';\n  }\n\n  // i18n\n  get saveButtonAriaLabel() {\n    return this.euiI18n.lookupToken(\n      'euiInlineEditForm.saveButtonAriaLabel',\n      'Save edit'\n    );\n  }\n  get cancelButtonAriaLabel() {\n    return this.euiI18n.lookupToken(\n      'euiInlineEditForm.cancelButtonAriaLabel',\n      'Cancel edit'\n    );\n  }\n  get inputKeyboardInstructions() {\n    return this.euiI18n.lookupToken(\n      'euiInlineEditForm.inputKeyboardInstructions',\n      'Press Enter to save your edited text. Press Escape to cancel your edit.'\n    );\n  }\n  get activateEditModeDescription() {\n    return this.euiI18n.lookupToken(\n      'euiInlineEditForm.activateEditModeDescription',\n      'Click to edit this text inline.'\n    );\n  }\n  // prop bags\n  get readModeProps() {\n    return this.args.readModeProps ?? {};\n  }\n  get formRowProps() {\n    return this.args.editModeProps?.formRowProps ?? {};\n  }\n  get inputProps() {\n    return this.args.editModeProps?.inputProps ?? {};\n  }\n  get saveButtonProps() {\n    return this.args.editModeProps?.saveButtonProps ?? {};\n  }\n  get cancelButtonProps() {\n    return this.args.editModeProps?.cancelButtonProps ?? {};\n  }\n  get readModeAriaDescribedBy() {\n    return [this.readModeDescribedById, this.readModeProps['aria-describedby']]\n      .filter(Boolean)\n      .join(' ');\n  }\n  get editModeAriaDescribedBy() {\n    return [this.editModeDescribedById, this.inputProps['aria-describedby']]\n      .filter(Boolean)\n      .join(' ');\n  }\n  get formRowError() {\n    return this.args.isInvalid ? this.formRowProps.error : undefined;\n  }\n\n  @cached\n  get classes() {\n    return `euiInlineEdit ${this.args.className} ${euiClass(\n      this.context,\n      { boxSizing: 'border-box' },\n      this.args.rootCss,\n      this.args.css\n    )}`;\n  }\n\n  /** Composed last into the read mode EuiButtonEmpty (upstream `css`). */\n  @cached\n  get readModeCss() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiInlineEditReadModeStyles\n    );\n    return [\n      styles.euiInlineEditReadMode,\n      this.args.isReadOnly && styles.isReadOnly,\n      this.args.placeholder && !this.readModeValue && styles.hasPlaceholder\n    ];\n  }\n\n  /** Upstream `loadingSkeletonSize`: the control height. */\n  get skeletonSize() {\n    const form = useEuiBorealisStyles(this.context, euiFormVariables);\n    return this.args.sizes.compressed\n      ? form.controlCompressedHeight\n      : form.controlHeight;\n  }\n\n  // focus management: focus the element of the new mode once it renders\n  @action\n  readModeButtonInserted(element: HTMLElement) {\n    this.readModeProps.buttonRef?.(element);\n    if (this.pendingFocus === 'read') {\n      this.pendingFocus = null;\n      element.focus();\n    }\n  }\n  @action\n  inputInserted(element: HTMLInputElement | null) {\n    this.inputProps.inputRef?.(element);\n    if (element && this.pendingFocus === 'edit') {\n      this.pendingFocus = null;\n      element.focus();\n    }\n  }\n  @action\n  readOnlyChanged() {\n    // Switching to read-only while editing returns to read mode for good.\n    if (this.args.isReadOnly) this._isEditing = false;\n  }\n\n  @action\n  activateEditMode(event: MouseEvent) {\n    this.pendingFocus = 'edit';\n    this._isEditing = true;\n    this.readModeProps.onClick?.(event);\n  }\n\n  @action\n  cancel() {\n    this.editModeValue = this.readModeValue;\n    this.args.onCancel?.(this.readModeValue);\n    this.pendingFocus = 'read';\n    this._isEditing = false;\n  }\n\n  /**\n   * Not wrapped in a test waiter: the promise belongs to the app's `@onSave`\n   * (it can wait for user input, e.g. a confirmation), and the edit mode\n   * stays usable meanwhile.\n   */\n  @action\n  async save() {\n    const { onSave } = this.args;\n    if (onSave) {\n      const result = onSave(this.value);\n      const awaited = result instanceof Promise ? await result : result;\n      if (awaited === false || this.isDestroying || this.isDestroyed) return;\n    }\n    this.readModeValue = this.editModeValue;\n    this.pendingFocus = 'read';\n    this._isEditing = false;\n  }\n\n  @action\n  onInput(event: Event) {\n    this.editModeValue = (event.target as HTMLInputElement).value;\n    this.args.onChange?.(event);\n    this.inputProps.onChange?.(event);\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Enter':\n        // Enter keypresses do not proceed otherwise on WebKit and screen readers.\n        event.preventDefault();\n        void this.save();\n        break;\n      case 'Escape':\n        this.cancel();\n        break;\n    }\n    this.inputProps.onKeyDown?.(event);\n  }\n\n  @action\n  onSaveClick(event: MouseEvent) {\n    void this.save();\n    this.saveButtonProps.onClick?.(event);\n  }\n  @action\n  onCancelClick(event: MouseEvent) {\n    this.cancel();\n    this.cancelButtonProps.onClick?.(event);\n  }\n\n  <template>\n    <div\n      class={{this.classes}}\n      ...attributes\n      {{didUpdate this.readOnlyChanged @isReadOnly}}\n    >\n      {{#if this.isEditing}}\n        <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n          <EuiFlexItem>\n            <EuiFormRow\n              @fullWidth={{true}}\n              @isInvalid={{@isInvalid}}\n              @error={{this.formRowError}}\n              @helpText={{this.formRowProps.helpText}}\n              data-test-subj={{get this.formRowProps \"data-test-subj\"}}\n            >\n              <EuiFieldText\n                @fullWidth={{true}}\n                @value={{this.value}}\n                @compressed={{@sizes.compressed}}\n                @isInvalid={{@isInvalid}}\n                @isLoading={{@isLoading}}\n                @readOnly={{this.inputProps.readOnly}}\n                @isFakePrependBlock={{not this.inputProps.prepend}}\n                @isFakeAppendBlock={{not this.inputProps.append}}\n                @inputRef={{this.inputInserted}}\n                aria-label={{@inputAriaLabel}}\n                placeholder={{if @placeholder @placeholder}}\n                name={{this.inputProps.name}}\n                maxlength={{this.inputProps.maxLength}}\n                data-test-subj={{if\n                  (get this.inputProps \"data-test-subj\")\n                  (get this.inputProps \"data-test-subj\")\n                  \"euiInlineEditModeInput\"\n                }}\n                aria-describedby={{this.editModeAriaDescribedBy}}\n                {{on \"input\" this.onInput}}\n                {{on \"keydown\" this.onKeyDown}}\n              >\n                <:prepend as |classes inputId|>\n                  <SideContent\n                    @content={{this.inputProps.prepend}}\n                    @class={{classes}}\n                    @inputId={{inputId}}\n                  />\n                </:prepend>\n                <:append as |classes inputId|>\n                  <SideContent\n                    @content={{this.inputProps.append}}\n                    @class={{classes}}\n                    @inputId={{inputId}}\n                  />\n                </:append>\n              </EuiFieldText>\n            </EuiFormRow>\n            <span id={{this.editModeDescribedById}} hidden>\n              {{this.inputKeyboardInstructions}}\n            </span>\n          </EuiFlexItem>\n          <EuiFlexItem @grow={{false}}>\n            <EuiSkeletonLoading\n              @isLoading={{if @isLoading true false}}\n              @announceLoadingStatus={{true}}\n              @announceLoadedStatus={{false}}\n            >\n              <:loadingContent as |loading|>\n                <EuiFlexGroup\n                  @gutterSize=\"s\"\n                  role={{loading.role}}\n                  aria-label={{loading.ariaLabel}}\n                >\n                  <EuiSkeletonRectangle\n                    @width={{this.skeletonSize}}\n                    @height={{this.skeletonSize}}\n                    @borderRadius=\"m\"\n                  />\n                  <EuiSkeletonRectangle\n                    @width={{this.skeletonSize}}\n                    @height={{this.skeletonSize}}\n                    @borderRadius=\"m\"\n                  />\n                </EuiFlexGroup>\n              </:loadingContent>\n              <:loadedContent>\n                <EuiFlexGroup @gutterSize=\"s\">\n                  <EuiButtonIcon\n                    @iconType={{if\n                      this.saveButtonProps.iconType\n                      this.saveButtonProps.iconType\n                      \"check\"\n                    }}\n                    @color={{if\n                      this.saveButtonProps.color\n                      this.saveButtonProps.color\n                      \"success\"\n                    }}\n                    @display={{if\n                      this.saveButtonProps.display\n                      this.saveButtonProps.display\n                      \"base\"\n                    }}\n                    @size={{@sizes.buttonSize}}\n                    @iconSize={{@sizes.iconSize}}\n                    @isDisabled={{this.saveButtonProps.isDisabled}}\n                    aria-label={{if\n                      (get this.saveButtonProps \"aria-label\")\n                      (get this.saveButtonProps \"aria-label\")\n                      this.saveButtonAriaLabel\n                    }}\n                    title={{this.saveButtonProps.title}}\n                    data-test-subj={{if\n                      (get this.saveButtonProps \"data-test-subj\")\n                      (get this.saveButtonProps \"data-test-subj\")\n                      \"euiInlineEditModeSaveButton\"\n                    }}\n                    {{on \"click\" this.onSaveClick}}\n                  />\n                  <EuiButtonIcon\n                    @iconType={{if\n                      this.cancelButtonProps.iconType\n                      this.cancelButtonProps.iconType\n                      \"cross\"\n                    }}\n                    @color={{if\n                      this.cancelButtonProps.color\n                      this.cancelButtonProps.color\n                      \"danger\"\n                    }}\n                    @display={{if\n                      this.cancelButtonProps.display\n                      this.cancelButtonProps.display\n                      \"base\"\n                    }}\n                    @size={{@sizes.buttonSize}}\n                    @iconSize={{@sizes.iconSize}}\n                    @isDisabled={{this.cancelButtonProps.isDisabled}}\n                    aria-label={{if\n                      (get this.cancelButtonProps \"aria-label\")\n                      (get this.cancelButtonProps \"aria-label\")\n                      this.cancelButtonAriaLabel\n                    }}\n                    title={{this.cancelButtonProps.title}}\n                    data-test-subj={{if\n                      (get this.cancelButtonProps \"data-test-subj\")\n                      (get this.cancelButtonProps \"data-test-subj\")\n                      \"euiInlineEditModeCancelButton\"\n                    }}\n                    {{on \"click\" this.onCancelClick}}\n                  />\n                </EuiFlexGroup>\n              </:loadedContent>\n            </EuiSkeletonLoading>\n          </EuiFlexItem>\n        </EuiFlexGroup>\n      {{else}}\n        <EuiButtonEmpty\n          @color={{argOrDefault this.readModeProps.color \"text\"}}\n          @iconType={{unless @isReadOnly \"pencil\"}}\n          @iconSide={{argOrDefault this.readModeProps.iconSide \"right\"}}\n          @flush=\"both\"\n          @iconSize={{@sizes.iconSize}}\n          @size={{@sizes.buttonSize}}\n          @isDisabled={{@isReadOnly}}\n          @css={{this.readModeCss}}\n          title={{if this.readModeProps.title this.readModeProps.title this.value}}\n          data-test-subj={{if\n            (get this.readModeProps \"data-test-subj\")\n            (get this.readModeProps \"data-test-subj\")\n            \"euiInlineReadModeButton\"\n          }}\n          role={{@readModeRole}}\n          aria-level={{@readModeAriaLevel}}\n          aria-describedby={{this.readModeAriaDescribedBy}}\n          {{on \"click\" this.activateEditMode}}\n          {{didInsert this.readModeButtonInserted}}\n        >{{yield this.value}}</EuiButtonEmpty>\n        <span id={{this.readModeDescribedById}} hidden>\n          {{#unless @isReadOnly}}{{this.activateEditModeDescription}}{{/unless}}\n        </span>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["SMALL_SIZE_FORM","iconSize","compressed","buttonSize","MEDIUM_SIZE_FORM","SideContent","setComponentTemplate","precompileTemplate","strictMode","scope","isString","EuiFormLabel","asText","asComponent","templateOnly","value","String","EuiInlineEditForm","Component","g","prototype","service","i","tracked","Boolean","args","startWithEditOpen","defaultValue","pendingFocus","constructor","owner","readModeValue","readModeDescribedById","randomId","editModeDescribedById","context","getEuiThemeContext","isEditing","_isEditing","isReadOnly","editModeValue","placeholder","saveButtonAriaLabel","euiI18n","lookupToken","cancelButtonAriaLabel","inputKeyboardInstructions","activateEditModeDescription","readModeProps","formRowProps","editModeProps","inputProps","saveButtonProps","cancelButtonProps","readModeAriaDescribedBy","filter","join","editModeAriaDescribedBy","formRowError","isInvalid","error","undefined","classes","className","euiClass","boxSizing","rootCss","css","n","cached","readModeCss","styles","useEuiBorealisStyles","euiInlineEditReadModeStyles","euiInlineEditReadMode","hasPlaceholder","skeletonSize","form","euiFormVariables","sizes","controlCompressedHeight","controlHeight","readModeButtonInserted","element","buttonRef","focus","action","inputInserted","inputRef","readOnlyChanged","activateEditMode","event","onClick","cancel","onCancel","save","onSave","result","awaited","Promise","isDestroying","isDestroyed","onInput","target","onChange","onKeyDown","key","preventDefault","onSaveClick","onCancelClick","didUpdate","EuiFlexGroup","EuiFlexItem","EuiFormRow","get","EuiFieldText","not","on","EuiSkeletonLoading","EuiSkeletonRectangle","EuiButtonIcon","EuiButtonEmpty","argOrDefault","didInsert"],"mappings":"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"}

package/dist/components/eui-inline-edit-text.js

@@ -1,13 +1,14 @@
 import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
-import { az as euiTextTruncate, b_ as euiInlineEditTextStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles } from '../utils/eui/styles.js';
 import EuiInlineEditForm, { SMALL_SIZE_FORM, MEDIUM_SIZE_FORM } from './eui-inline-edit/eui-inline-edit-form.js';
 import EuiText from './eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiInlineEditTextStyles } from '../utils/eui/styles.generated/components/inline_edit/inline_edit_text.styles.js';
 
 const TRUNCATE = euiTextTruncate();
 /**

package/dist/components/eui-inline-edit-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-inline-edit-text.js","sources":["../../src/components/eui-inline-edit-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiInlineEditTextStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiInlineEditForm, {\n  MEDIUM_SIZE_FORM,\n  SMALL_SIZE_FORM\n} from './eui-inline-edit/eui-inline-edit-form.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiInlineEditCommonArgs } from './eui-inline-edit/eui-inline-edit-form';\n\n/** `eui-textTruncate` utility (no global utility classes are injected). */\nconst TRUNCATE = euiTextTruncate();\n\nexport interface EuiInlineEditTextSignature {\n  Element: HTMLDivElement;\n  Args: EuiInlineEditCommonArgs & {\n    /** Text size: `'xs'`, `'s'` or `'m'`. Defaults to `'m'`. */\n    size?: 'xs' | 's' | 'm';\n  };\n}\n\n/**\n * Text that turns into a text field when clicked (upstream\n * `EuiInlineEditText`): read mode is a button showing the text, edit mode\n * an `EuiFieldText` with save and cancel buttons. Enter saves, Escape\n * cancels.\n */\nexport default class EuiInlineEditText extends Component<EuiInlineEditTextSignature> {\n  get size() {\n    return this.args.size ?? 'm';\n  }\n  get sizes() {\n    return this.size === 'xs' || this.size === 's'\n      ? SMALL_SIZE_FORM\n      : MEDIUM_SIZE_FORM;\n  }\n  get readModeRole() {\n    return this.args.isReadOnly ? 'paragraph' : undefined;\n  }\n\n  @cached\n  get rootCss() {\n    const styles = useEuiBorealisStyles(\n      getEuiThemeContext(this),\n      euiInlineEditTextStyles\n    );\n    return [styles.euiInlineEditText, styles.fontSize[this.size]];\n  }\n\n  truncate = TRUNCATE;\n\n  <template>\n    <EuiInlineEditForm\n      @className=\"euiInlineEditText\"\n      @rootCss={{this.rootCss}}\n      @sizes={{this.sizes}}\n      @readModeRole={{this.readModeRole}}\n      @placeholder={{@placeholder}}\n      @onSave={{@onSave}}\n      @inputAriaLabel={{@inputAriaLabel}}\n      @startWithEditOpen={{@startWithEditOpen}}\n      @defaultValue={{@defaultValue}}\n      @value={{@value}}\n      @onChange={{@onChange}}\n      @onCancel={{@onCancel}}\n      @isLoading={{@isLoading}}\n      @isInvalid={{@isInvalid}}\n      @isReadOnly={{@isReadOnly}}\n      @readModeProps={{@readModeProps}}\n      @editModeProps={{@editModeProps}}\n      @css={{@css}}\n      ...attributes\n      as |value|\n    >\n      <EuiText\n        @size={{this.size}}\n        @css={{this.truncate}}\n        class=\"eui-textTruncate\"\n      >{{value}}</EuiText>\n    </EuiInlineEditForm>\n  </template>\n}\n"],"names":["TRUNCATE","euiTextTruncate","EuiInlineEditText","Component","size","args","sizes","SMALL_SIZE_FORM","MEDIUM_SIZE_FORM","readModeRole","isReadOnly","undefined","rootCss","styles","useEuiBorealisStyles","getEuiThemeContext","euiInlineEditTextStyles","euiInlineEditText","fontSize","n","prototype","cached","truncate","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInlineEditForm","EuiText"],"mappings":";;;;;;;;;;;AAkBA,MAAMA,QAAA,GAAWC,eAAA,EAAA;AAUjB;;;;;;AAMe,MAAMC,iBAAA,SAA0BC,SAAA,CAAU;EACvD,IAAIC,IAAAA,GAAO;AACT,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,GAAA;AAC3B,EAAA;EACA,IAAIE,KAAAA,GAAQ;AACV,IAAA,OAAO,IAAI,CAACF,IAAI,KAAK,IAAA,IAAQ,IAAI,CAACA,IAAI,KAAK,GAAA,GACvCG,eAAA,GACAC,gBAAA;AACN,EAAA;EACA,IAAIC,YAAAA,GAAe;IACjB,OAAO,IAAI,CAACJ,IAAI,CAACK,UAAU,GAAG,WAAA,GAAcC,SAAA;AAC9C,EAAA;EAEA,IACIC,OAAAA,GAAU;IACZ,MAAMC,MAAA,GAASC,oBAAA,CACbC,kBAAA,CAAmB,IAAI,CAAA,EACvBC,uBAAA,CAAA;AAEF,IAAA,OAAO,CAACH,MAAA,CAAOI,iBAAiB,EAAEJ,MAAA,CAAOK,QAAQ,CAAC,IAAI,CAACd,IAAI,CAAC,CAAC;AAC/D,EAAA;AAAA,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAPCC,MAAA,CAAA,CAAA;AAAA;AASDC,EAAAA,QAAA,GAAWtB,QAAA;AAEX,EAAA;IAAAuB,oBAAA,CAAAC,kBAAA,CAAA,mqBAAA,EA6BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,iBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-inline-edit-text.js","sources":["../../src/components/eui-inline-edit-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiInlineEditTextStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiInlineEditForm, {\n  MEDIUM_SIZE_FORM,\n  SMALL_SIZE_FORM\n} from './eui-inline-edit/eui-inline-edit-form.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiInlineEditCommonArgs } from './eui-inline-edit/eui-inline-edit-form';\n\n/** `eui-textTruncate` utility (no global utility classes are injected). */\nconst TRUNCATE = euiTextTruncate();\n\nexport interface EuiInlineEditTextSignature {\n  Element: HTMLDivElement;\n  Args: EuiInlineEditCommonArgs & {\n    /** Text size: `'xs'`, `'s'` or `'m'`. Defaults to `'m'`. */\n    size?: 'xs' | 's' | 'm';\n  };\n}\n\n/**\n * Text that turns into a text field when clicked (upstream\n * `EuiInlineEditText`): read mode is a button showing the text, edit mode\n * an `EuiFieldText` with save and cancel buttons. Enter saves, Escape\n * cancels.\n */\nexport default class EuiInlineEditText extends Component<EuiInlineEditTextSignature> {\n  get size() {\n    return this.args.size ?? 'm';\n  }\n  get sizes() {\n    return this.size === 'xs' || this.size === 's'\n      ? SMALL_SIZE_FORM\n      : MEDIUM_SIZE_FORM;\n  }\n  get readModeRole() {\n    return this.args.isReadOnly ? 'paragraph' : undefined;\n  }\n\n  @cached\n  get rootCss() {\n    const styles = useEuiBorealisStyles(\n      getEuiThemeContext(this),\n      euiInlineEditTextStyles\n    );\n    return [styles.euiInlineEditText, styles.fontSize[this.size]];\n  }\n\n  truncate = TRUNCATE;\n\n  <template>\n    <EuiInlineEditForm\n      @className=\"euiInlineEditText\"\n      @rootCss={{this.rootCss}}\n      @sizes={{this.sizes}}\n      @readModeRole={{this.readModeRole}}\n      @placeholder={{@placeholder}}\n      @onSave={{@onSave}}\n      @inputAriaLabel={{@inputAriaLabel}}\n      @startWithEditOpen={{@startWithEditOpen}}\n      @defaultValue={{@defaultValue}}\n      @value={{@value}}\n      @onChange={{@onChange}}\n      @onCancel={{@onCancel}}\n      @isLoading={{@isLoading}}\n      @isInvalid={{@isInvalid}}\n      @isReadOnly={{@isReadOnly}}\n      @readModeProps={{@readModeProps}}\n      @editModeProps={{@editModeProps}}\n      @css={{@css}}\n      ...attributes\n      as |value|\n    >\n      <EuiText\n        @size={{this.size}}\n        @css={{this.truncate}}\n        class=\"eui-textTruncate\"\n      >{{value}}</EuiText>\n    </EuiInlineEditForm>\n  </template>\n}\n"],"names":["TRUNCATE","euiTextTruncate","EuiInlineEditText","Component","size","args","sizes","SMALL_SIZE_FORM","MEDIUM_SIZE_FORM","readModeRole","isReadOnly","undefined","rootCss","styles","useEuiBorealisStyles","getEuiThemeContext","euiInlineEditTextStyles","euiInlineEditText","fontSize","n","prototype","cached","truncate","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInlineEditForm","EuiText"],"mappings":";;;;;;;;;;;;AAkBA,MAAMA,QAAA,GAAWC,eAAA,EAAA;AAUjB;;;;;;AAMe,MAAMC,iBAAA,SAA0BC,SAAA,CAAU;EACvD,IAAIC,IAAAA,GAAO;AACT,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,GAAA;AAC3B,EAAA;EACA,IAAIE,KAAAA,GAAQ;AACV,IAAA,OAAO,IAAI,CAACF,IAAI,KAAK,IAAA,IAAQ,IAAI,CAACA,IAAI,KAAK,GAAA,GACvCG,eAAA,GACAC,gBAAA;AACN,EAAA;EACA,IAAIC,YAAAA,GAAe;IACjB,OAAO,IAAI,CAACJ,IAAI,CAACK,UAAU,GAAG,WAAA,GAAcC,SAAA;AAC9C,EAAA;EAEA,IACIC,OAAAA,GAAU;IACZ,MAAMC,MAAA,GAASC,oBAAA,CACbC,kBAAA,CAAmB,IAAI,CAAA,EACvBC,uBAAA,CAAA;AAEF,IAAA,OAAO,CAACH,MAAA,CAAOI,iBAAiB,EAAEJ,MAAA,CAAOK,QAAQ,CAAC,IAAI,CAACd,IAAI,CAAC,CAAC;AAC/D,EAAA;AAAA,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAPCC,MAAA,CAAA,CAAA;AAAA;AASDC,EAAAA,QAAA,GAAWtB,QAAA;AAEX,EAAA;IAAAuB,oBAAA,CAAAC,kBAAA,CAAA,mqBAAA,EA6BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,iBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-inline-edit-title.js

@@ -1,12 +1,14 @@
 import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
-import { az as euiTextTruncate, b$ as euiInlineEditTitleStyles, D as euiTitleStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiInlineEditForm, { SMALL_SIZE_FORM, MEDIUM_SIZE_FORM } from './eui-inline-edit/eui-inline-edit-form.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiInlineEditTitleStyles } from '../utils/eui/styles.generated/components/inline_edit/inline_edit_title.styles.js';
+import { euiTitleStyles } from '../utils/eui/styles.generated/shared/SORCSWXI.js';
 
 /**
  * A title that turns into a text field when clicked (upstream

package/dist/components/eui-inline-edit-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-inline-edit-title.js","sources":["../../src/components/eui-inline-edit-title.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiInlineEditTitleStyles,\n  euiTextTruncate,\n  euiTitleStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiInlineEditForm, {\n  MEDIUM_SIZE_FORM,\n  SMALL_SIZE_FORM\n} from './eui-inline-edit/eui-inline-edit-form.gts';\n\nimport type { EuiInlineEditCommonArgs } from './eui-inline-edit/eui-inline-edit-form';\n\nexport type EuiInlineEditTitleHeading =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'span';\n\nexport interface EuiInlineEditTitleSignature {\n  Element: HTMLDivElement;\n  Args: EuiInlineEditCommonArgs & {\n    /** Title size, as `EuiTitle`'s `@size`. Defaults to `'m'`. */\n    size?: 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l';\n    /**\n     * Heading level of the title. Use `'span'` for text that should only\n     * look like a title.\n     */\n    heading: EuiInlineEditTitleHeading;\n  };\n}\n\n/**\n * A title that turns into a text field when clicked (upstream\n * `EuiInlineEditTitle`): read mode is a button showing the title in an\n * `@heading` element, edit mode an `EuiFieldText` with save and cancel\n * buttons. Enter saves, Escape cancels.\n */\nexport default class EuiInlineEditTitle extends Component<EuiInlineEditTitleSignature> {\n  get size() {\n    return this.args.size ?? 'm';\n  }\n  get heading(): EuiInlineEditTitleHeading {\n    return this.args.heading ?? 'span';\n  }\n  get sizes() {\n    return ['xxxs', 'xxs', 'xs', 's'].includes(this.size)\n      ? SMALL_SIZE_FORM\n      : MEDIUM_SIZE_FORM;\n  }\n  get headingLevel() {\n    return Number(this.heading.substring(1)) || undefined;\n  }\n  /** Read-only: the button reads as the heading (or as a paragraph). */\n  get readModeRole() {\n    if (!this.args.isReadOnly) return undefined;\n    return this.headingLevel ? 'heading' : 'paragraph';\n  }\n  get readModeAriaLevel() {\n    return this.args.isReadOnly ? this.headingLevel : undefined;\n  }\n\n  @cached\n  get rootCss() {\n    const styles = useEuiBorealisStyles(\n      getEuiThemeContext(this),\n      euiInlineEditTitleStyles\n    );\n    return [styles.euiInlineEditTitle, styles.fontSize[this.size]];\n  }\n\n  /**\n   * Upstream `EuiTitle` classes cloned onto the heading element (plus the\n   * `eui-textTruncate` utility). EuiTitle renders its own element and has no\n   * `span`, so its styles are composed here in the same order.\n   */\n  @cached\n  get titleClass() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTitleStyles);\n    return `euiTitle eui-textTruncate ${euiClass(\n      context,\n      {\n        boxSizing: 'border-box',\n        margin: 0,\n        padding: 0,\n        fontFamily: context.upstream.euiTheme.font.family\n      },\n      styles.euiTitle,\n      styles[this.size],\n      euiTextTruncate()\n    )}`;\n  }\n\n  <template>\n    <EuiInlineEditForm\n      @className=\"euiInlineEditTitle\"\n      @rootCss={{this.rootCss}}\n      @sizes={{this.sizes}}\n      @readModeRole={{this.readModeRole}}\n      @readModeAriaLevel={{this.readModeAriaLevel}}\n      @placeholder={{@placeholder}}\n      @onSave={{@onSave}}\n      @inputAriaLabel={{@inputAriaLabel}}\n      @startWithEditOpen={{@startWithEditOpen}}\n      @defaultValue={{@defaultValue}}\n      @value={{@value}}\n      @onChange={{@onChange}}\n      @onCancel={{@onCancel}}\n      @isLoading={{@isLoading}}\n      @isInvalid={{@isInvalid}}\n      @isReadOnly={{@isReadOnly}}\n      @readModeProps={{@readModeProps}}\n      @editModeProps={{@editModeProps}}\n      @css={{@css}}\n      ...attributes\n      as |value|\n    >\n      {{#let (element this.heading) as |Heading|}}\n        <Heading\n          class={{this.titleClass}}\n          role={{if @isReadOnly \"presentation\"}}\n        >{{value}}</Heading>\n      {{/let}}\n    </EuiInlineEditForm>\n  </template>\n}\n"],"names":["EuiInlineEditTitle","Component","size","args","heading","sizes","includes","SMALL_SIZE_FORM","MEDIUM_SIZE_FORM","headingLevel","Number","substring","undefined","readModeRole","isReadOnly","readModeAriaLevel","rootCss","styles","useEuiBorealisStyles","getEuiThemeContext","euiInlineEditTitleStyles","euiInlineEditTitle","fontSize","n","prototype","cached","titleClass","context","euiTitleStyles","euiClass","boxSizing","margin","padding","fontFamily","upstream","euiTheme","font","family","euiTitle","euiTextTruncate","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInlineEditForm"],"mappings":";;;;;;;;;;AAuCA;;;;;;AAMe,MAAMA,kBAAA,SAA2BC,SAAA,CAAU;EACxD,IAAIC,IAAAA,GAAO;AACT,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,GAAA;AAC3B,EAAA;EACA,IAAIE,UAAqC;AACvC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,OAAO,IAAI,MAAA;AAC9B,EAAA;EACA,IAAIC,KAAAA,GAAQ;AACV,IAAA,OAAO,CAAC,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,GAAA,CAAI,CAACC,QAAQ,CAAC,IAAI,CAACJ,IAAI,IAChDK,eAAA,GACAC,gBAAA;AACN,EAAA;EACA,IAAIC,YAAAA,GAAe;AACjB,IAAA,OAAOC,OAAO,IAAI,CAACN,OAAO,CAACO,SAAS,CAAC,CAAA,CAAA,CAAA,IAAOC,SAAA;AAC9C,EAAA;AACA;EACA,IAAIC,YAAAA,GAAe;IACjB,IAAI,CAAC,IAAI,CAACV,IAAI,CAACW,UAAU,EAAE,OAAOF,SAAA;AAClC,IAAA,OAAO,IAAI,CAACH,YAAY,GAAG,SAAA,GAAY,WAAA;AACzC,EAAA;EACA,IAAIM,iBAAAA,GAAoB;IACtB,OAAO,IAAI,CAACZ,IAAI,CAACW,UAAU,GAAG,IAAI,CAACL,YAAY,GAAGG,SAAA;AACpD,EAAA;EAEA,IACII,OAAAA,GAAU;IACZ,MAAMC,MAAA,GAASC,oBAAA,CACbC,kBAAA,CAAmB,IAAI,CAAA,EACvBC,wBAAA,CAAA;AAEF,IAAA,OAAO,CAACH,MAAA,CAAOI,kBAAkB,EAAEJ,MAAA,CAAOK,QAAQ,CAAC,IAAI,CAACpB,IAAI,CAAC,CAAC;AAChE,EAAA;AAEA;;;;AAIC;AAJD,EAAA;IAAAqB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CATCC,MAAA,CAAA,CAAA;AAAA;EAcD,IACIC,UAAAA,GAAa;AACf,IAAA,MAAMC,OAAA,GAAUR,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMF,MAAA,GAASC,qBAAqBS,OAAA,EAASC,cAAA,CAAA;AAC7C,IAAA,OAAO,CAAA,0BAAA,EAA6BC,QAAA,CAClCF,OAAA,EACA;AACEG,MAAAA,SAAA,EAAW,YAAA;AACXC,MAAAA,MAAA,EAAQ,CAAA;AACRC,MAAAA,OAAA,EAAS,CAAA;MACTC,UAAA,EAAYN,QAAQO,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC;AAC7C,KAAA,EACApB,MAAA,CAAOqB,QAAQ,EACfrB,MAAM,CAAC,IAAI,CAACf,IAAI,CAAC,EACjBqC,eAAA,EAAA,CAAA,CAAA,CACC;AACL,EAAA;AAAA,EAAA;IAAAhB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CAhBCC,MAAA,CAAA,CAAA;AAAA;AAkBD,EAAA;IAAAe,oBAAA,CAAAC,kBAAA,CAAA,6wBAAA,EA+BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-inline-edit-title.js","sources":["../../src/components/eui-inline-edit-title.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiInlineEditTitleStyles,\n  euiTextTruncate,\n  euiTitleStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiInlineEditForm, {\n  MEDIUM_SIZE_FORM,\n  SMALL_SIZE_FORM\n} from './eui-inline-edit/eui-inline-edit-form.gts';\n\nimport type { EuiInlineEditCommonArgs } from './eui-inline-edit/eui-inline-edit-form';\n\nexport type EuiInlineEditTitleHeading =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'span';\n\nexport interface EuiInlineEditTitleSignature {\n  Element: HTMLDivElement;\n  Args: EuiInlineEditCommonArgs & {\n    /** Title size, as `EuiTitle`'s `@size`. Defaults to `'m'`. */\n    size?: 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l';\n    /**\n     * Heading level of the title. Use `'span'` for text that should only\n     * look like a title.\n     */\n    heading: EuiInlineEditTitleHeading;\n  };\n}\n\n/**\n * A title that turns into a text field when clicked (upstream\n * `EuiInlineEditTitle`): read mode is a button showing the title in an\n * `@heading` element, edit mode an `EuiFieldText` with save and cancel\n * buttons. Enter saves, Escape cancels.\n */\nexport default class EuiInlineEditTitle extends Component<EuiInlineEditTitleSignature> {\n  get size() {\n    return this.args.size ?? 'm';\n  }\n  get heading(): EuiInlineEditTitleHeading {\n    return this.args.heading ?? 'span';\n  }\n  get sizes() {\n    return ['xxxs', 'xxs', 'xs', 's'].includes(this.size)\n      ? SMALL_SIZE_FORM\n      : MEDIUM_SIZE_FORM;\n  }\n  get headingLevel() {\n    return Number(this.heading.substring(1)) || undefined;\n  }\n  /** Read-only: the button reads as the heading (or as a paragraph). */\n  get readModeRole() {\n    if (!this.args.isReadOnly) return undefined;\n    return this.headingLevel ? 'heading' : 'paragraph';\n  }\n  get readModeAriaLevel() {\n    return this.args.isReadOnly ? this.headingLevel : undefined;\n  }\n\n  @cached\n  get rootCss() {\n    const styles = useEuiBorealisStyles(\n      getEuiThemeContext(this),\n      euiInlineEditTitleStyles\n    );\n    return [styles.euiInlineEditTitle, styles.fontSize[this.size]];\n  }\n\n  /**\n   * Upstream `EuiTitle` classes cloned onto the heading element (plus the\n   * `eui-textTruncate` utility). EuiTitle renders its own element and has no\n   * `span`, so its styles are composed here in the same order.\n   */\n  @cached\n  get titleClass() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTitleStyles);\n    return `euiTitle eui-textTruncate ${euiClass(\n      context,\n      {\n        boxSizing: 'border-box',\n        margin: 0,\n        padding: 0,\n        fontFamily: context.upstream.euiTheme.font.family\n      },\n      styles.euiTitle,\n      styles[this.size],\n      euiTextTruncate()\n    )}`;\n  }\n\n  <template>\n    <EuiInlineEditForm\n      @className=\"euiInlineEditTitle\"\n      @rootCss={{this.rootCss}}\n      @sizes={{this.sizes}}\n      @readModeRole={{this.readModeRole}}\n      @readModeAriaLevel={{this.readModeAriaLevel}}\n      @placeholder={{@placeholder}}\n      @onSave={{@onSave}}\n      @inputAriaLabel={{@inputAriaLabel}}\n      @startWithEditOpen={{@startWithEditOpen}}\n      @defaultValue={{@defaultValue}}\n      @value={{@value}}\n      @onChange={{@onChange}}\n      @onCancel={{@onCancel}}\n      @isLoading={{@isLoading}}\n      @isInvalid={{@isInvalid}}\n      @isReadOnly={{@isReadOnly}}\n      @readModeProps={{@readModeProps}}\n      @editModeProps={{@editModeProps}}\n      @css={{@css}}\n      ...attributes\n      as |value|\n    >\n      {{#let (element this.heading) as |Heading|}}\n        <Heading\n          class={{this.titleClass}}\n          role={{if @isReadOnly \"presentation\"}}\n        >{{value}}</Heading>\n      {{/let}}\n    </EuiInlineEditForm>\n  </template>\n}\n"],"names":["EuiInlineEditTitle","Component","size","args","heading","sizes","includes","SMALL_SIZE_FORM","MEDIUM_SIZE_FORM","headingLevel","Number","substring","undefined","readModeRole","isReadOnly","readModeAriaLevel","rootCss","styles","useEuiBorealisStyles","getEuiThemeContext","euiInlineEditTitleStyles","euiInlineEditTitle","fontSize","n","prototype","cached","titleClass","context","euiTitleStyles","euiClass","boxSizing","margin","padding","fontFamily","upstream","euiTheme","font","family","euiTitle","euiTextTruncate","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInlineEditForm"],"mappings":";;;;;;;;;;;;AAuCA;;;;;;AAMe,MAAMA,kBAAA,SAA2BC,SAAA,CAAU;EACxD,IAAIC,IAAAA,GAAO;AACT,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,GAAA;AAC3B,EAAA;EACA,IAAIE,UAAqC;AACvC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,OAAO,IAAI,MAAA;AAC9B,EAAA;EACA,IAAIC,KAAAA,GAAQ;AACV,IAAA,OAAO,CAAC,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,GAAA,CAAI,CAACC,QAAQ,CAAC,IAAI,CAACJ,IAAI,IAChDK,eAAA,GACAC,gBAAA;AACN,EAAA;EACA,IAAIC,YAAAA,GAAe;AACjB,IAAA,OAAOC,OAAO,IAAI,CAACN,OAAO,CAACO,SAAS,CAAC,CAAA,CAAA,CAAA,IAAOC,SAAA;AAC9C,EAAA;AACA;EACA,IAAIC,YAAAA,GAAe;IACjB,IAAI,CAAC,IAAI,CAACV,IAAI,CAACW,UAAU,EAAE,OAAOF,SAAA;AAClC,IAAA,OAAO,IAAI,CAACH,YAAY,GAAG,SAAA,GAAY,WAAA;AACzC,EAAA;EACA,IAAIM,iBAAAA,GAAoB;IACtB,OAAO,IAAI,CAACZ,IAAI,CAACW,UAAU,GAAG,IAAI,CAACL,YAAY,GAAGG,SAAA;AACpD,EAAA;EAEA,IACII,OAAAA,GAAU;IACZ,MAAMC,MAAA,GAASC,oBAAA,CACbC,kBAAA,CAAmB,IAAI,CAAA,EACvBC,wBAAA,CAAA;AAEF,IAAA,OAAO,CAACH,MAAA,CAAOI,kBAAkB,EAAEJ,MAAA,CAAOK,QAAQ,CAAC,IAAI,CAACpB,IAAI,CAAC,CAAC;AAChE,EAAA;AAEA;;;;AAIC;AAJD,EAAA;IAAAqB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CATCC,MAAA,CAAA,CAAA;AAAA;EAcD,IACIC,UAAAA,GAAa;AACf,IAAA,MAAMC,OAAA,GAAUR,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMF,MAAA,GAASC,qBAAqBS,OAAA,EAASC,cAAA,CAAA;AAC7C,IAAA,OAAO,CAAA,0BAAA,EAA6BC,QAAA,CAClCF,OAAA,EACA;AACEG,MAAAA,SAAA,EAAW,YAAA;AACXC,MAAAA,MAAA,EAAQ,CAAA;AACRC,MAAAA,OAAA,EAAS,CAAA;MACTC,UAAA,EAAYN,QAAQO,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC;AAC7C,KAAA,EACApB,MAAA,CAAOqB,QAAQ,EACfrB,MAAM,CAAC,IAAI,CAACf,IAAI,CAAC,EACjBqC,eAAA,EAAA,CAAA,CAAA,CACC;AACL,EAAA;AAAA,EAAA;IAAAhB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CAhBCC,MAAA,CAAA,CAAA;AAAA;AAkBD,EAAA;IAAAe,oBAAA,CAAAC,kBAAA,CAAA,6wBAAA,EA+BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-input-popover.js

@@ -14,11 +14,12 @@ import ResizeObserver from '../modifiers/resize-observer.js';
 import { cascadingMenuKeys } from '../utils/accesibility/cascading-menu-keys.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { c0 as logicalCSS, ay as euiFormVariables } from '../styles.generated-SYAxYhey.js';
 import EuiPopoverComponent from './eui-popover.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { logicalCSS } from '../utils/eui/styles.generated/shared/ZKVETBHH.js';
+import { euiFormVariables } from '../utils/eui/styles.generated/shared/FF2BUTYE.js';
 
 const closeOnScrollModifier = modifier((_element, [enabled, panel, input, close]) => {
   if (!enabled || !panel) return;

package/dist/components/eui-input-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-input-popover.js","sources":["../../src/components/eui-input-popover.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport { focusTrapFactory } from '../-private/focus-trap-registry.ts';\nimport { modifier } from 'ember-modifier';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { not } from 'ember-truth-helpers';\nimport { tabbable } from 'tabbable';\n\nimport randomId from '../-private/random-id.ts';\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport { cascadingMenuKeys } from '../utils/accesibility/index.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiFormVariables,\n  logicalCSS\n} from '../utils/eui/styles.generated.ts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiPopoverArgs } from './eui-popover';\n\n/**\n * Upstream `closeOnScroll`: after a 500ms grace period (scroll events fire\n * when the panel is appended), closes on a page scroll of an element that\n * contains the input, ignoring scrolls inside the input or the panel.\n */\nconst closeOnScrollModifier = modifier(\n  (\n    _element: HTMLElement,\n    [enabled, panel, input, close]: [\n      boolean | undefined,\n      HTMLElement | null,\n      HTMLElement | null,\n      (() => void) | undefined\n    ]\n  ) => {\n    if (!enabled || !panel) return;\n\n    const onScroll = (event: Event) => {\n      const target = event.target as Node | null;\n\n      if (!input || !target) return;\n      if (panel.contains(target) || input.contains(target)) return;\n      if (!target.contains(input)) return;\n\n      close?.();\n    };\n    const timeoutId = setTimeout(() => {\n      window.addEventListener('scroll', onScroll, {\n        passive: true,\n        capture: true\n      });\n    }, 500);\n\n    return () => {\n      window.removeEventListener('scroll', onScroll, { capture: true });\n      clearTimeout(timeoutId);\n    };\n  }\n);\n\nexport interface EuiInputPopoverArgs\n  extends Omit<EuiPopoverArgs, 'button' | 'buttonRef'> {\n  /**\n   * Lets focus leave the popover; Tab then closes it. Defaults to `false`\n   * (Tab cycles through the popover, closing after its last element).\n   */\n  disableFocusTrap?: boolean;\n  /**\n   * Closes the popover when the page (or an element containing the input)\n   * scrolls. Defaults to `false`.\n   */\n  closeOnScroll?: boolean;\n  /**\n   * Stretches the input (and popover) to its container's width. Otherwise\n   * the popover is at most the form max width (upstream). Defaults to\n   * `false`.\n   */\n  fullWidth?: boolean;\n  /**\n   * Minimum width of the panel, when the input is narrower. Defaults to `0`.\n   */\n  panelMinWidth?: number;\n  /** @deprecated Has no effect, use the `<:input>` block. */\n  input?: EuiPopoverArgs['button'];\n  /** @deprecated Has no effect. */\n  inputRef?: EuiPopoverArgs['buttonRef'];\n  /** Called with the popover's new width when the input resizes. */\n  onPanelResize?: (width?: number) => void;\n}\n\n/**\n * A popover attached below an input and as wide as it, e.g. for a custom\n * picker. Takes EuiPopover's args (`@isOpen`, `@closePopover`, …).\n */\nexport interface EuiInputPopoverSignature {\n  Element: HTMLElement;\n  Args: EuiInputPopoverArgs;\n  Blocks: {\n    /** Unused, use `<:input>` and `<:content>`. */\n    default: [\n      {\n        closePopover: () => void;\n        isOpen: boolean;\n      },\n      {\n        input: HTMLElement;\n        content: HTMLElement;\n      }\n    ];\n    /** The input the popover attaches to; open it on focus or typing. */\n    input: [];\n    /** The popover's content, as wide as the input. */\n    content: [];\n  };\n}\n\nexport default class EuiInputPopoverComponent extends Component<EuiInputPopoverSignature> {\n  // Defaults\n  @argOrDefaultDecorator('downLeft') anchorPosition!: EuiPopoverArgs['anchorPosition'];\n  @argOrDefaultDecorator(true) attachToAnchor!: boolean;\n  @argOrDefaultDecorator('block') display!: EuiPopoverArgs['display'];\n  @argOrDefaultDecorator('s') panelPaddingSize!: EuiPopoverArgs['panelPaddingSize'];\n  @argOrDefaultDecorator(false) fullWidth!: boolean;\n  @argOrDefaultDecorator(false) disableFocusTrap!: boolean;\n  @argOrDefaultDecorator(2) offset!: number;\n  @argOrDefaultDecorator(false) repositionToCrossAxis!: boolean;\n\n  /** Upstream: `max-width` of the form controls unless `@fullWidth`. */\n  @cached\n  get rootCss(): string | undefined {\n    if (this.fullWidth) return undefined;\n\n    const context = getEuiThemeContext(this);\n    const { maxWidth } = useEuiBorealisStyles(context, euiFormVariables);\n\n    return `${logicalCSS('max-width', maxWidth)};label:EuiInputPopover;`;\n  }\n\n  //State\n  @tracked panel: HTMLElement | null = null;\n  @tracked input: HTMLElement | null = null;\n  @tracked inputWidth!: number;\n  ///\n\n  @action\n  didInsertPanel(panel: HTMLElement | null): void {\n    this.panel = panel;\n    this.setPanelWidth();\n  }\n\n  @action\n  didInsertInput(input: HTMLElement): void {\n    this.input = input;\n    this.onResize();\n  }\n\n  @action\n  setPanelWidth(width?: number): void {\n    const { panel, inputWidth } = this;\n    const inputOrWidth = width || inputWidth;\n    const minWidth = this.args.panelMinWidth ?? 0;\n    // upstream: the input's width, at least `@panelMinWidth`\n    const newWidth =\n      inputOrWidth && inputOrWidth < minWidth ? minWidth : inputOrWidth;\n\n    if (panel && !!newWidth) {\n      panel.style.inlineSize = `${newWidth}px`;\n      this.args.onPanelResize?.(newWidth);\n    }\n  }\n\n  @action\n  onResize(): void {\n    const { input } = this;\n\n    if (input) {\n      const width = input.getBoundingClientRect().width;\n\n      this.inputWidth = width;\n      this.setPanelWidth(width);\n    }\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    const { panel } = this;\n\n    if (panel && event.key === cascadingMenuKeys.TAB) {\n      const tabbableItems = tabbable(panel).filter(\n        (el: HTMLElement | SVGElement) => {\n          return (\n            Array.from(el.attributes)\n              .map((el) => el.name)\n              .indexOf('data-focus-guard') < 0\n          );\n        }\n      );\n\n      if (\n        this.args.disableFocusTrap ||\n        (tabbableItems.length &&\n          tabbableItems[tabbableItems.length - 1] === document.activeElement)\n      ) {\n        this.args.closePopover?.();\n      }\n    }\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.panel = null;\n    this.input = null;\n  }\n\n  <template>\n    {{#let (randomId) as |id|}}\n      <EuiPopover\n        class=\"euiInputPopover\"\n        @rootCss={{this.rootCss}}\n        @css={{@css}}\n        @panelCss={{@panelCss}}\n        @offset={{this.offset}}\n        @repositionToCrossAxis={{this.repositionToCrossAxis}}\n        @ownFocus={{false}}\n        @initialFocus={{@initialFocus}}\n        @buttonRef={{this.didInsertInput}}\n        @panelRef={{this.didInsertPanel}}\n        @anchorPosition={{this.anchorPosition}}\n        @panelPaddingSize={{this.panelPaddingSize}}\n        @attachToAnchor={{this.attachToAnchor}}\n        @display={{this.display}}\n        @closePopover={{@closePopover}}\n        @isOpen={{@isOpen}}\n        @repositionOnScroll={{@repositionOnScroll}}\n        @panelClassName={{@panelClassName}}\n        @panelStyle={{@panelStyle}}\n        @anchorClassName={{@anchorClassName}}\n        @zIndex={{@zIndex}}\n        @container={{@container}}\n        @buffer={{@buffer}}\n        @insert={{@insert}}\n        @hasArrow={{@hasArrow}}\n        @popoverScreenReaderText={{@popoverScreenReaderText}}\n        @ariaLabel={{@ariaLabel}}\n        @ariaLabelledBy={{@ariaLabelledBy}}\n        @popoverRef={{@popoverRef}}\n        @portalRef={{@portalRef}}\n        @onTrapDeactivation={{@onTrapDeactivation}}\n        @shouldAccountForOtherPopovers={{@shouldAccountForOtherPopovers}}\n        ...attributes\n      >\n        <:button>\n          <div {{resizeObserver onResize=this.onResize}}>\n            {{yield to=\"input\"}}\n          </div>\n        </:button>\n        <:content>\n          <div\n            id={{id}}\n            {{onKey \"_all\" this.onKeyDown}}\n            {{closeOnScrollModifier\n              @closeOnScroll\n              this.panel\n              this.input\n              @closePopover\n            }}\n            {{focusTrap\n          _createFocusTrap=focusTrapFactory\n              isActive=(not this.disableFocusTrap)\n              focusTrapOptions=(hash\n                clickOutsideDeactivates=true\n                returnFocusOnDeactivate=false\n                fallbackFocus=(concat \"#\" id)\n              )\n            }}\n          >\n            {{yield to=\"content\"}}\n          </div>\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  </template>\n}\n"],"names":["closeOnScrollModifier","modifier","_element","enabled","panel","input","close","onScroll","event","target","contains","timeoutId","setTimeout","window","addEventListener","passive","capture","removeEventListener","clearTimeout","EuiInputPopoverComponent","Component","g","prototype","argOrDefaultDecorator","i","rootCss","fullWidth","undefined","context","getEuiThemeContext","maxWidth","useEuiBorealisStyles","euiFormVariables","logicalCSS","n","cached","tracked","didInsertPanel","setPanelWidth","action","didInsertInput","onResize","width","inputWidth","inputOrWidth","minWidth","args","panelMinWidth","newWidth","style","inlineSize","onPanelResize","getBoundingClientRect","onKeyDown","key","cascadingMenuKeys","TAB","tabbableItems","tabbable","filter","el","Array","from","attributes","map","name","indexOf","disableFocusTrap","length","document","activeElement","closePopover","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiPopover","resizeObserver","onKey","focusTrap","focusTrapFactory","not","hash","concat"],"mappings":"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"}
+{"version":3,"file":"eui-input-popover.js","sources":["../../src/components/eui-input-popover.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport { focusTrapFactory } from '../-private/focus-trap-registry.ts';\nimport { modifier } from 'ember-modifier';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { not } from 'ember-truth-helpers';\nimport { tabbable } from 'tabbable';\n\nimport randomId from '../-private/random-id.ts';\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport { cascadingMenuKeys } from '../utils/accesibility/index.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiFormVariables,\n  logicalCSS\n} from '../utils/eui/styles.generated.ts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiPopoverArgs } from './eui-popover';\n\n/**\n * Upstream `closeOnScroll`: after a 500ms grace period (scroll events fire\n * when the panel is appended), closes on a page scroll of an element that\n * contains the input, ignoring scrolls inside the input or the panel.\n */\nconst closeOnScrollModifier = modifier(\n  (\n    _element: HTMLElement,\n    [enabled, panel, input, close]: [\n      boolean | undefined,\n      HTMLElement | null,\n      HTMLElement | null,\n      (() => void) | undefined\n    ]\n  ) => {\n    if (!enabled || !panel) return;\n\n    const onScroll = (event: Event) => {\n      const target = event.target as Node | null;\n\n      if (!input || !target) return;\n      if (panel.contains(target) || input.contains(target)) return;\n      if (!target.contains(input)) return;\n\n      close?.();\n    };\n    const timeoutId = setTimeout(() => {\n      window.addEventListener('scroll', onScroll, {\n        passive: true,\n        capture: true\n      });\n    }, 500);\n\n    return () => {\n      window.removeEventListener('scroll', onScroll, { capture: true });\n      clearTimeout(timeoutId);\n    };\n  }\n);\n\nexport interface EuiInputPopoverArgs\n  extends Omit<EuiPopoverArgs, 'button' | 'buttonRef'> {\n  /**\n   * Lets focus leave the popover; Tab then closes it. Defaults to `false`\n   * (Tab cycles through the popover, closing after its last element).\n   */\n  disableFocusTrap?: boolean;\n  /**\n   * Closes the popover when the page (or an element containing the input)\n   * scrolls. Defaults to `false`.\n   */\n  closeOnScroll?: boolean;\n  /**\n   * Stretches the input (and popover) to its container's width. Otherwise\n   * the popover is at most the form max width (upstream). Defaults to\n   * `false`.\n   */\n  fullWidth?: boolean;\n  /**\n   * Minimum width of the panel, when the input is narrower. Defaults to `0`.\n   */\n  panelMinWidth?: number;\n  /** @deprecated Has no effect, use the `<:input>` block. */\n  input?: EuiPopoverArgs['button'];\n  /** @deprecated Has no effect. */\n  inputRef?: EuiPopoverArgs['buttonRef'];\n  /** Called with the popover's new width when the input resizes. */\n  onPanelResize?: (width?: number) => void;\n}\n\n/**\n * A popover attached below an input and as wide as it, e.g. for a custom\n * picker. Takes EuiPopover's args (`@isOpen`, `@closePopover`, …).\n */\nexport interface EuiInputPopoverSignature {\n  Element: HTMLElement;\n  Args: EuiInputPopoverArgs;\n  Blocks: {\n    /** Unused, use `<:input>` and `<:content>`. */\n    default: [\n      {\n        closePopover: () => void;\n        isOpen: boolean;\n      },\n      {\n        input: HTMLElement;\n        content: HTMLElement;\n      }\n    ];\n    /** The input the popover attaches to; open it on focus or typing. */\n    input: [];\n    /** The popover's content, as wide as the input. */\n    content: [];\n  };\n}\n\nexport default class EuiInputPopoverComponent extends Component<EuiInputPopoverSignature> {\n  // Defaults\n  @argOrDefaultDecorator('downLeft') anchorPosition!: EuiPopoverArgs['anchorPosition'];\n  @argOrDefaultDecorator(true) attachToAnchor!: boolean;\n  @argOrDefaultDecorator('block') display!: EuiPopoverArgs['display'];\n  @argOrDefaultDecorator('s') panelPaddingSize!: EuiPopoverArgs['panelPaddingSize'];\n  @argOrDefaultDecorator(false) fullWidth!: boolean;\n  @argOrDefaultDecorator(false) disableFocusTrap!: boolean;\n  @argOrDefaultDecorator(2) offset!: number;\n  @argOrDefaultDecorator(false) repositionToCrossAxis!: boolean;\n\n  /** Upstream: `max-width` of the form controls unless `@fullWidth`. */\n  @cached\n  get rootCss(): string | undefined {\n    if (this.fullWidth) return undefined;\n\n    const context = getEuiThemeContext(this);\n    const { maxWidth } = useEuiBorealisStyles(context, euiFormVariables);\n\n    return `${logicalCSS('max-width', maxWidth)};label:EuiInputPopover;`;\n  }\n\n  //State\n  @tracked panel: HTMLElement | null = null;\n  @tracked input: HTMLElement | null = null;\n  @tracked inputWidth!: number;\n  ///\n\n  @action\n  didInsertPanel(panel: HTMLElement | null): void {\n    this.panel = panel;\n    this.setPanelWidth();\n  }\n\n  @action\n  didInsertInput(input: HTMLElement): void {\n    this.input = input;\n    this.onResize();\n  }\n\n  @action\n  setPanelWidth(width?: number): void {\n    const { panel, inputWidth } = this;\n    const inputOrWidth = width || inputWidth;\n    const minWidth = this.args.panelMinWidth ?? 0;\n    // upstream: the input's width, at least `@panelMinWidth`\n    const newWidth =\n      inputOrWidth && inputOrWidth < minWidth ? minWidth : inputOrWidth;\n\n    if (panel && !!newWidth) {\n      panel.style.inlineSize = `${newWidth}px`;\n      this.args.onPanelResize?.(newWidth);\n    }\n  }\n\n  @action\n  onResize(): void {\n    const { input } = this;\n\n    if (input) {\n      const width = input.getBoundingClientRect().width;\n\n      this.inputWidth = width;\n      this.setPanelWidth(width);\n    }\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    const { panel } = this;\n\n    if (panel && event.key === cascadingMenuKeys.TAB) {\n      const tabbableItems = tabbable(panel).filter(\n        (el: HTMLElement | SVGElement) => {\n          return (\n            Array.from(el.attributes)\n              .map((el) => el.name)\n              .indexOf('data-focus-guard') < 0\n          );\n        }\n      );\n\n      if (\n        this.args.disableFocusTrap ||\n        (tabbableItems.length &&\n          tabbableItems[tabbableItems.length - 1] === document.activeElement)\n      ) {\n        this.args.closePopover?.();\n      }\n    }\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.panel = null;\n    this.input = null;\n  }\n\n  <template>\n    {{#let (randomId) as |id|}}\n      <EuiPopover\n        class=\"euiInputPopover\"\n        @rootCss={{this.rootCss}}\n        @css={{@css}}\n        @panelCss={{@panelCss}}\n        @offset={{this.offset}}\n        @repositionToCrossAxis={{this.repositionToCrossAxis}}\n        @ownFocus={{false}}\n        @initialFocus={{@initialFocus}}\n        @buttonRef={{this.didInsertInput}}\n        @panelRef={{this.didInsertPanel}}\n        @anchorPosition={{this.anchorPosition}}\n        @panelPaddingSize={{this.panelPaddingSize}}\n        @attachToAnchor={{this.attachToAnchor}}\n        @display={{this.display}}\n        @closePopover={{@closePopover}}\n        @isOpen={{@isOpen}}\n        @repositionOnScroll={{@repositionOnScroll}}\n        @panelClassName={{@panelClassName}}\n        @panelStyle={{@panelStyle}}\n        @anchorClassName={{@anchorClassName}}\n        @zIndex={{@zIndex}}\n        @container={{@container}}\n        @buffer={{@buffer}}\n        @insert={{@insert}}\n        @hasArrow={{@hasArrow}}\n        @popoverScreenReaderText={{@popoverScreenReaderText}}\n        @ariaLabel={{@ariaLabel}}\n        @ariaLabelledBy={{@ariaLabelledBy}}\n        @popoverRef={{@popoverRef}}\n        @portalRef={{@portalRef}}\n        @onTrapDeactivation={{@onTrapDeactivation}}\n        @shouldAccountForOtherPopovers={{@shouldAccountForOtherPopovers}}\n        ...attributes\n      >\n        <:button>\n          <div {{resizeObserver onResize=this.onResize}}>\n            {{yield to=\"input\"}}\n          </div>\n        </:button>\n        <:content>\n          <div\n            id={{id}}\n            {{onKey \"_all\" this.onKeyDown}}\n            {{closeOnScrollModifier\n              @closeOnScroll\n              this.panel\n              this.input\n              @closePopover\n            }}\n            {{focusTrap\n          _createFocusTrap=focusTrapFactory\n              isActive=(not this.disableFocusTrap)\n              focusTrapOptions=(hash\n                clickOutsideDeactivates=true\n                returnFocusOnDeactivate=false\n                fallbackFocus=(concat \"#\" id)\n              )\n            }}\n          >\n            {{yield to=\"content\"}}\n          </div>\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  </template>\n}\n"],"names":["closeOnScrollModifier","modifier","_element","enabled","panel","input","close","onScroll","event","target","contains","timeoutId","setTimeout","window","addEventListener","passive","capture","removeEventListener","clearTimeout","EuiInputPopoverComponent","Component","g","prototype","argOrDefaultDecorator","i","rootCss","fullWidth","undefined","context","getEuiThemeContext","maxWidth","useEuiBorealisStyles","euiFormVariables","logicalCSS","n","cached","tracked","didInsertPanel","setPanelWidth","action","didInsertInput","onResize","width","inputWidth","inputOrWidth","minWidth","args","panelMinWidth","newWidth","style","inlineSize","onPanelResize","getBoundingClientRect","onKeyDown","key","cascadingMenuKeys","TAB","tabbableItems","tabbable","filter","el","Array","from","attributes","map","name","indexOf","disableFocusTrap","length","document","activeElement","closePopover","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiPopover","resizeObserver","onKey","focusTrap","focusTrapFactory","not","hash","concat"],"mappings":"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"}

package/dist/components/eui-key-pad-menu.js

@@ -2,13 +2,13 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { c1 as euiKeyPadMenuStyles } from '../styles.generated-SYAxYhey.js';
 import spreadAttributes from '../-private/eui-spread-attributes.js';
 import EuiFormLabel from './eui-form-label.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiKeyPadMenuStyles } from '../utils/eui/styles.generated/components/key_pad_menu/key_pad_menu.styles.js';
 
 const KeyComponent = setComponentTemplate(precompileTemplate("<li>{{yield}}</li>", {
   strictMode: true

package/dist/components/eui-link.js

@@ -3,11 +3,11 @@ import { cached } from '@glimmer/tracking';
 import ScreenReaderOnlyModifier from '../modifiers/screen-reader-only.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { s as euiLinkStyles } from '../styles.generated-SYAxYhey.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiLinkStyles } from '../utils/eui/styles.generated/shared/3HLX7DYX.js';
 
 const LINK_COLORS = ['primary', 'subdued', 'success', 'accent', 'danger', 'warning', 'text', 'ghost'];
 function isLinkColor(color) {

package/dist/components/eui-list-group-item.js

@@ -11,7 +11,6 @@ import spreadAttributes from '../-private/eui-spread-attributes.js';
 import { listGroupContext } from '../-private/eui-list-context.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { c3 as euiListGroupItemTooltipStyles, o as euiScreenReaderOnly, p as euiListItemLayoutStyles, c4 as euiListGroupItemStyles, c5 as euiListItemLayoutWrapperStyles, c6 as euiListGroupItemExtraActionStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButtonIcon from './eui-button-icon.js';
 import EuiIcon from './eui-icon.js';
 import EuiImage$1 from './eui-inner-text.js';
@@ -20,6 +19,10 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiListGroupItemTooltipStyles, euiListGroupItemStyles } from '../utils/eui/styles.generated/components/list_group/list_group_item.styles.js';
+import { euiScreenReaderOnly } from '../utils/eui/styles.generated/components/accessibility/screen_reader_only/screen_reader_only.styles.js';
+import { euiListItemLayoutStyles, euiListItemLayoutWrapperStyles } from '../utils/eui/styles.generated/shared/ISD4LC5N.js';
+import { euiListGroupItemExtraActionStyles } from '../utils/eui/styles.generated/components/list_group/list_group_item_extra_action.styles.js';
 
 /** Keys of `@iconProps` that are EuiIcon args, not attributes. */const ICON_ARGS = ['color', 'size', 'title', 'titleId', 'type'];
 /**