@ember-eui/core 16.0.4 → 16.0.6

package/dist/components/eui-header-section-item-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiBreakpointsMedia,\n  euiOutsideBreakpointsMedia\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiHeaderSectionItemButtonStyles,\n  euiMaxBreakpoint\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\n\nimport type { EuiNotificationBadgeSignature } from './eui-notification-badge';\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { EuiCss } from '../utils/eui/styles.ts';\n\nconst keyframes: Keyframe[] = [\n  { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.01,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.03,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(34deg)',\n    offset: 0.05,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-32deg)',\n    offset: 0.07,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.09,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.11,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(26deg)',\n    offset: 0.13,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-24deg)',\n    offset: 0.15,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(22deg)',\n    offset: 0.17,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-20deg)',\n    offset: 0.19,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(18deg)',\n    offset: 0.21,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-16deg)',\n    offset: 0.23,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(14deg)',\n    offset: 0.25,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-12deg)',\n    offset: 0.27,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(10deg)',\n    offset: 0.29,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-8deg)',\n    offset: 0.31,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(6deg)',\n    offset: 0.33,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-4deg)',\n    offset: 0.35,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(2deg)',\n    offset: 0.37,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-1deg)',\n    offset: 0.39,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(1deg)',\n    offset: 0.41,\n    easing: 'ease-in-out'\n  },\n  { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n  { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\n/**\n * An icon button for the header (e.g. help, notifications, user menu),\n * with an optional notification dot or count. Give it an `aria-label`.\n */\nexport interface EuiHeaderSectionItemButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    /**\n     * Called with `{ euiAnimate }`; call `euiAnimate()` to wiggle the\n     * button, e.g. when a new notification arrives.\n     */\n    ref?: (api: { euiAnimate: () => void }) => void;\n    /** Disables the button. */\n    disabled?: boolean;\n    /** Same as `@disabled` (upstream's name, from EuiButtonEmpty). */\n    isDisabled?: boolean;\n    /** EuiButtonEmpty color. Defaults to `'text'`. */\n    color?: EuiButtonEmptySignature['Args']['color'];\n    /** EuiButtonEmpty `contentProps`: class, css and attributes of the content element. */\n    contentProps?: EuiButtonEmptySignature['Args']['contentProps'];\n    /** EuiButtonEmpty `textProps`: class, css and attributes of the text element. */\n    textProps?: EuiButtonEmptySignature['Args']['textProps'];\n    /** Pulls the button to an edge, see `EuiButtonEmpty`. */\n    flush?: EuiButtonEmptySignature['Args']['flush'];\n    /** Beta: `aria-disabled` instead of `disabled`, see `EuiButtonEmpty`. */\n    hasAriaDisabled?: boolean;\n    /** Side of the icon, see `EuiButtonEmpty`. */\n    iconSide?: EuiButtonEmptySignature['Args']['iconSide'];\n    /** Size of the icon, see `EuiButtonEmpty`. */\n    iconSize?: EuiButtonEmptySignature['Args']['iconSize'];\n    /** Icon next to the content, see `EuiButtonEmpty`. */\n    iconType?: EuiButtonEmptySignature['Args']['iconType'];\n    /** Shows a spinner and disables the button. */\n    isLoading?: boolean;\n    /** Sets `aria-pressed` for toggle buttons. */\n    isSelected?: boolean;\n    /** `'xs'`, `'s'` or `'m'`, see `EuiButtonEmpty`. */\n    size?: EuiButtonEmptySignature['Args']['size'];\n    /** Extra styles composed last into the button's class. */\n    css?: EuiCss;\n    /** Renders a link instead of a button. */\n    href?: string;\n    /** Called on click. */\n    onClick?: (event: MouseEvent) => void;\n    /**\n     * `true` shows a dot; a number shows a count badge, which becomes a dot\n     * below the theme's `m` breakpoint (as upstream; formerly only `xs`).\n     */\n    notification?: boolean | number | string;\n    /** `'accent'`, `'subdued'` or `'success'`. Defaults to `'accent'`. */\n    notificationColor?: EuiNotificationBadgeSignature['Args']['color'];\n  };\n  Blocks: {\n    /** The button's content, usually an `EuiIcon` or `EuiAvatar`. */\n    default: [];\n  };\n}\n\n/** Upstream small-screen check (`useIsWithinMaxBreakpoint('s')`), as CSS. */\nconst SMALL_SCREENS = ['xs', 's'] as const;\n\n/**\n * Upstream `EuiHeaderSectionItemButton` (`euiHeaderSectionItemButtonStyles`\n * composed over EuiButtonEmpty). Upstream swaps a count badge for a dot on\n * small screens in JS; here both are rendered and media queries pick one.\n */\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n  @tracked buttonRef: HTMLButtonElement | HTMLAnchorElement | undefined;\n  @tracked animationTargetRef: HTMLSpanElement | undefined;\n\n  setAnimationTargetRef = (ele: HTMLSpanElement) => {\n    this.animationTargetRef = ele;\n    this.args.ref?.({ euiAnimate: this.animate });\n  };\n\n  animate = () => {\n    this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n  };\n\n  setButtonRef = (ele: HTMLButtonElement | HTMLAnchorElement) => {\n    this.buttonRef = ele;\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n    this.buttonRef = undefined;\n    this.animationTargetRef = undefined;\n  }\n\n  get notificationColor() {\n    return this.args.notificationColor ?? 'accent';\n  }\n\n  /**\n   * Upstream's `css` for the notification dot (EuiIcon) and badge\n   * (EuiNotificationBadge), composed last into their own classes through\n   * `@css`.\n   */\n  @cached\n  get notificationCss() {\n    const context = getEuiThemeContext(this);\n    const { notification } = useEuiBorealisStyles(\n      context,\n      euiHeaderSectionItemButtonStyles\n    );\n    const small = euiBreakpointsMedia(context.upstream, SMALL_SCREENS);\n    const large = euiOutsideBreakpointsMedia(context.upstream, SMALL_SCREENS);\n    const { size } = context.upstream.euiTheme;\n    // Upstream's `dot` shrinks the icon below `s`.\n    const dotSize = {\n      [euiMaxBreakpoint(context.upstream, 's')]: {\n        inlineSize: size.base,\n        blockSize: size.base\n      }\n    };\n    const hidden = (media: string | undefined) =>\n      media ? { [media]: { display: 'none' } } : undefined;\n    const dot = [\n      notification.euiHeaderSectionItemButton__notification,\n      notification.dot,\n      dotSize\n    ];\n    return {\n      dot,\n      // A count: badge on larger screens, dot on small ones.\n      badge: [\n        notification.euiHeaderSectionItemButton__notification,\n        notification.badge,\n        hidden(small)\n      ],\n      smallDot: [...dot, hidden(large)]\n    };\n  }\n\n  @cached\n  get styles() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(\n      context,\n      euiHeaderSectionItemButtonStyles\n    );\n    return {\n      // Upstream's `css` on EuiButtonEmpty.\n      button: [styles.euiHeaderSectionItemButton, this.args.css],\n      content: euiClass(context, styles.euiHeaderSectionItemButton__content)\n    };\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class=\"euiHeaderSectionItemButton\"\n      @css={{this.styles.button}}\n      @isDisabled={{if @isDisabled @isDisabled @disabled}}\n      @href={{@href}}\n      @color={{if @color @color \"text\"}}\n      @contentProps={{@contentProps}}\n      @textProps={{@textProps}}\n      @flush={{@flush}}\n      @hasAriaDisabled={{@hasAriaDisabled}}\n      @iconSide={{@iconSide}}\n      @iconSize={{@iconSize}}\n      @iconType={{@iconType}}\n      @isLoading={{@isLoading}}\n      @isSelected={{@isSelected}}\n      @size={{@size}}\n      {{didInsert this.setButtonRef}}\n      {{on \"click\" (optional @onClick)}}\n      ...attributes\n    >\n      <span\n        {{didInsert this.setAnimationTargetRef}}\n        class=\"euiHeaderSectionItemButton__content {{this.styles.content}}\"\n      >\n        {{yield}}\n      </span>\n      {{#if @notification}}\n        {{#if (eq @notification true)}}\n          <EuiIcon\n            @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n            @css={{this.notificationCss.dot}}\n            @color={{this.notificationColor}}\n            @type=\"dot\"\n            @size=\"l\"\n          />\n        {{else}}\n          <EuiNotificationBadge\n            class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n            @css={{this.notificationCss.badge}}\n            @color={{this.notificationColor}}\n          >\n            {{@notification}}\n          </EuiNotificationBadge>\n          <EuiIcon\n            @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n            @css={{this.notificationCss.smallDot}}\n            @color={{this.notificationColor}}\n            @type=\"dot\"\n            @size=\"l\"\n          />\n        {{/if}}\n      {{/if}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["keyframes","transform","offset","easing","SMALL_SCREENS","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","notificationColor","notificationCss","context","getEuiThemeContext","notification","useEuiBorealisStyles","euiHeaderSectionItemButtonStyles","small","euiBreakpointsMedia","upstream","large","euiOutsideBreakpointsMedia","size","euiTheme","dotSize","euiMaxBreakpoint","inlineSize","base","blockSize","hidden","media","display","dot","euiHeaderSectionItemButton__notification","badge","smallDot","n","cached","styles","button","euiHeaderSectionItemButton","css","content","euiClass","euiHeaderSectionItemButton__content","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","EuiNotificationBadge"],"mappings":"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"}
+{"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiBreakpointsMedia,\n  euiOutsideBreakpointsMedia\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiHeaderSectionItemButtonStyles,\n  euiMaxBreakpoint\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\n\nimport type { EuiNotificationBadgeSignature } from './eui-notification-badge';\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { EuiCss } from '../utils/eui/styles.ts';\n\nconst keyframes: Keyframe[] = [\n  { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.01,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.03,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(34deg)',\n    offset: 0.05,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-32deg)',\n    offset: 0.07,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.09,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.11,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(26deg)',\n    offset: 0.13,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-24deg)',\n    offset: 0.15,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(22deg)',\n    offset: 0.17,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-20deg)',\n    offset: 0.19,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(18deg)',\n    offset: 0.21,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-16deg)',\n    offset: 0.23,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(14deg)',\n    offset: 0.25,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-12deg)',\n    offset: 0.27,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(10deg)',\n    offset: 0.29,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-8deg)',\n    offset: 0.31,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(6deg)',\n    offset: 0.33,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-4deg)',\n    offset: 0.35,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(2deg)',\n    offset: 0.37,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-1deg)',\n    offset: 0.39,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(1deg)',\n    offset: 0.41,\n    easing: 'ease-in-out'\n  },\n  { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n  { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\n/**\n * An icon button for the header (e.g. help, notifications, user menu),\n * with an optional notification dot or count. Give it an `aria-label`.\n */\nexport interface EuiHeaderSectionItemButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    /**\n     * Called with `{ euiAnimate }`; call `euiAnimate()` to wiggle the\n     * button, e.g. when a new notification arrives.\n     */\n    ref?: (api: { euiAnimate: () => void }) => void;\n    /** Disables the button. */\n    disabled?: boolean;\n    /** Same as `@disabled` (upstream's name, from EuiButtonEmpty). */\n    isDisabled?: boolean;\n    /** EuiButtonEmpty color. Defaults to `'text'`. */\n    color?: EuiButtonEmptySignature['Args']['color'];\n    /** EuiButtonEmpty `contentProps`: class, css and attributes of the content element. */\n    contentProps?: EuiButtonEmptySignature['Args']['contentProps'];\n    /** EuiButtonEmpty `textProps`: class, css and attributes of the text element. */\n    textProps?: EuiButtonEmptySignature['Args']['textProps'];\n    /** Pulls the button to an edge, see `EuiButtonEmpty`. */\n    flush?: EuiButtonEmptySignature['Args']['flush'];\n    /** Beta: `aria-disabled` instead of `disabled`, see `EuiButtonEmpty`. */\n    hasAriaDisabled?: boolean;\n    /** Side of the icon, see `EuiButtonEmpty`. */\n    iconSide?: EuiButtonEmptySignature['Args']['iconSide'];\n    /** Size of the icon, see `EuiButtonEmpty`. */\n    iconSize?: EuiButtonEmptySignature['Args']['iconSize'];\n    /** Icon next to the content, see `EuiButtonEmpty`. */\n    iconType?: EuiButtonEmptySignature['Args']['iconType'];\n    /** Shows a spinner and disables the button. */\n    isLoading?: boolean;\n    /** Sets `aria-pressed` for toggle buttons. */\n    isSelected?: boolean;\n    /** `'xs'`, `'s'` or `'m'`, see `EuiButtonEmpty`. */\n    size?: EuiButtonEmptySignature['Args']['size'];\n    /** Extra styles composed last into the button's class. */\n    css?: EuiCss;\n    /** Renders a link instead of a button. */\n    href?: string;\n    /** Called on click. */\n    onClick?: (event: MouseEvent) => void;\n    /**\n     * `true` shows a dot; a number shows a count badge, which becomes a dot\n     * below the theme's `m` breakpoint (as upstream; formerly only `xs`).\n     */\n    notification?: boolean | number | string;\n    /** `'accent'`, `'subdued'` or `'success'`. Defaults to `'accent'`. */\n    notificationColor?: EuiNotificationBadgeSignature['Args']['color'];\n  };\n  Blocks: {\n    /** The button's content, usually an `EuiIcon` or `EuiAvatar`. */\n    default: [];\n  };\n}\n\n/** Upstream small-screen check (`useIsWithinMaxBreakpoint('s')`), as CSS. */\nconst SMALL_SCREENS = ['xs', 's'] as const;\n\n/**\n * Upstream `EuiHeaderSectionItemButton` (`euiHeaderSectionItemButtonStyles`\n * composed over EuiButtonEmpty). Upstream swaps a count badge for a dot on\n * small screens in JS; here both are rendered and media queries pick one.\n */\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n  @tracked buttonRef: HTMLButtonElement | HTMLAnchorElement | undefined;\n  @tracked animationTargetRef: HTMLSpanElement | undefined;\n\n  setAnimationTargetRef = (ele: HTMLSpanElement) => {\n    this.animationTargetRef = ele;\n    this.args.ref?.({ euiAnimate: this.animate });\n  };\n\n  animate = () => {\n    this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n  };\n\n  setButtonRef = (ele: HTMLButtonElement | HTMLAnchorElement) => {\n    this.buttonRef = ele;\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n    this.buttonRef = undefined;\n    this.animationTargetRef = undefined;\n  }\n\n  get notificationColor() {\n    return this.args.notificationColor ?? 'accent';\n  }\n\n  /**\n   * Upstream's `css` for the notification dot (EuiIcon) and badge\n   * (EuiNotificationBadge), composed last into their own classes through\n   * `@css`.\n   */\n  @cached\n  get notificationCss() {\n    const context = getEuiThemeContext(this);\n    const { notification } = useEuiBorealisStyles(\n      context,\n      euiHeaderSectionItemButtonStyles\n    );\n    const small = euiBreakpointsMedia(context.upstream, SMALL_SCREENS);\n    const large = euiOutsideBreakpointsMedia(context.upstream, SMALL_SCREENS);\n    const { size } = context.upstream.euiTheme;\n    // Upstream's `dot` shrinks the icon below `s`.\n    const dotSize = {\n      [euiMaxBreakpoint(context.upstream, 's')]: {\n        inlineSize: size.base,\n        blockSize: size.base\n      }\n    };\n    const hidden = (media: string | undefined) =>\n      media ? { [media]: { display: 'none' } } : undefined;\n    const dot = [\n      notification.euiHeaderSectionItemButton__notification,\n      notification.dot,\n      dotSize\n    ];\n    return {\n      dot,\n      // A count: badge on larger screens, dot on small ones.\n      badge: [\n        notification.euiHeaderSectionItemButton__notification,\n        notification.badge,\n        hidden(small)\n      ],\n      smallDot: [...dot, hidden(large)]\n    };\n  }\n\n  @cached\n  get styles() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(\n      context,\n      euiHeaderSectionItemButtonStyles\n    );\n    return {\n      // Upstream's `css` on EuiButtonEmpty.\n      button: [styles.euiHeaderSectionItemButton, this.args.css],\n      content: euiClass(context, styles.euiHeaderSectionItemButton__content)\n    };\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class=\"euiHeaderSectionItemButton\"\n      @css={{this.styles.button}}\n      @isDisabled={{if @isDisabled @isDisabled @disabled}}\n      @href={{@href}}\n      @color={{if @color @color \"text\"}}\n      @contentProps={{@contentProps}}\n      @textProps={{@textProps}}\n      @flush={{@flush}}\n      @hasAriaDisabled={{@hasAriaDisabled}}\n      @iconSide={{@iconSide}}\n      @iconSize={{@iconSize}}\n      @iconType={{@iconType}}\n      @isLoading={{@isLoading}}\n      @isSelected={{@isSelected}}\n      @size={{@size}}\n      {{didInsert this.setButtonRef}}\n      {{on \"click\" (optional @onClick)}}\n      ...attributes\n    >\n      <span\n        {{didInsert this.setAnimationTargetRef}}\n        class=\"euiHeaderSectionItemButton__content {{this.styles.content}}\"\n      >\n        {{yield}}\n      </span>\n      {{#if @notification}}\n        {{#if (eq @notification true)}}\n          <EuiIcon\n            @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n            @css={{this.notificationCss.dot}}\n            @color={{this.notificationColor}}\n            @type=\"dot\"\n            @size=\"l\"\n          />\n        {{else}}\n          <EuiNotificationBadge\n            class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n            @css={{this.notificationCss.badge}}\n            @color={{this.notificationColor}}\n          >\n            {{@notification}}\n          </EuiNotificationBadge>\n          <EuiIcon\n            @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n            @css={{this.notificationCss.smallDot}}\n            @color={{this.notificationColor}}\n            @type=\"dot\"\n            @size=\"l\"\n          />\n        {{/if}}\n      {{/if}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["keyframes","transform","offset","easing","SMALL_SCREENS","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","notificationColor","notificationCss","context","getEuiThemeContext","notification","useEuiBorealisStyles","euiHeaderSectionItemButtonStyles","small","euiBreakpointsMedia","upstream","large","euiOutsideBreakpointsMedia","size","euiTheme","dotSize","euiMaxBreakpoint","inlineSize","base","blockSize","hidden","media","display","dot","euiHeaderSectionItemButton__notification","badge","smallDot","n","cached","styles","button","euiHeaderSectionItemButton","css","content","euiClass","euiHeaderSectionItemButton__content","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","EuiNotificationBadge"],"mappings":"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"}

package/dist/components/eui-header-section-item.js

@@ -2,10 +2,10 @@ 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 { bO as euiHeaderSectionItemStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiHeaderSectionItemStyles } from '../utils/eui/styles.generated/components/header/header_section/header_section_item.styles.js';
 
 /** Upstream `EuiHeaderSectionItem` (`euiHeaderSectionItemStyles`). */class EuiHeaderSectionItem extends Component {
   get classes() {

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

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiClass } from '../utils/eui/styles.js';
-import { bN as euiHeaderSectionStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiHeaderSectionStyles } from '../utils/eui/styles.generated/components/header/header_section/header_section.styles.js';
 
 // Upstream calls this factory without a theme: its styles are static.
 const styles = euiHeaderSectionStyles();

package/dist/components/eui-header.js

@@ -5,13 +5,13 @@ import EuiNode from '../-private/eui-node.js';
 import spreadAttributes from '../-private/eui-spread-attributes.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bH as euiHeaderVariables, bI as euiHeaderStyles } from '../styles.generated-SYAxYhey.js';
 import EuiHeaderBreadcrumbs from './eui-header-breadcrumbs.js';
 import EuiHeaderSection from './eui-header-section.js';
 import EuiHeaderSectionItem from './eui-header-section-item.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiHeaderVariables, euiHeaderStyles } from '../utils/eui/styles.generated/shared/KTFNPVK5.js';
 
 let euiFixedHeadersCount = 0;
 /** The body's own inline `padding-top`, restored when the last header leaves. */

package/dist/components/eui-health.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 { bR as euiHealthStyles } from '../styles.generated-SYAxYhey.js';
 import EuiFlexGroup from './eui-flex-group.js';
 import EuiFlexItem from './eui-flex-item.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiHealthStyles } from '../utils/eui/styles.generated/components/health/health.styles.js';
 
 const TEXT_SIZES = ['xs', 's', 'm', 'inherit'];
 

package/dist/components/eui-horizontal-rule.js

@@ -2,10 +2,10 @@ 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 { r as euiHorizontalRuleStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiHorizontalRuleStyles } from '../utils/eui/styles.generated/components/horizontal_rule/horizontal_rule.styles.js';
 
 class EuiHorizontalRule extends Component {
   get size() {

package/dist/components/eui-hue.js

@@ -5,13 +5,13 @@ import { action } from '@ember/object';
 import { service } from '@ember/service';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { inputReset, boxReset } from '../utils/eui/color-picker.js';
-import { bS as euiHueStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiScreenReaderOnly from './eui-screen-reader-only.js';
 import EuiToolTip from './eui-tool-tip.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiHueStyles } from '../utils/eui/styles.generated/components/color_picker/hue.styles.js';
 
 /** The hue slider on the upstream EUI 123 / Borealis hue styles. */class EuiHue extends Component {
   static {

package/dist/components/eui-icon.js

@@ -5,15 +5,15 @@ import { guidFor } from '@ember/object/internals';
 import { service } from '@ember/service';
 import { modifier } from 'ember-modifier';
 import { loadedIcon } from '../-private/icon-loader.js';
-import { e as emptyIcon, i as iconDataTypes } from '../icons-DCTZo11a.js';
+import { emptyIcon, iconDataTypes } from '../-private/icon-data.js';
 import { typeToPathMap } from '../utils/css-mappings/eui-icon.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { l as euiIconStyles } from '../styles.generated-SYAxYhey.js';
 import keysOf from './common.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiIconStyles } from '../utils/eui/styles.generated/components/icon/icon.styles.js';
 
 const TYPES = keysOf(typeToPathMap);
 /** Named icon colors of EUI 123 (Borealis), in upstream's order. */const COLORS = ['default', 'primary', 'neutral', 'success', 'accent', 'accentSecondary', 'warning', 'risk', 'danger', 'text', 'subdued', 'ghost', 'inherit'];

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

@@ -1 +1 @@
-{"version":3,"file":"eui-icon.js","sources":["../../src/components/eui-icon.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { warn } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport { loadedIcon } from '../-private/icon-loader.ts';\nimport { emptyIcon, iconDataTypes } from '../-private/icons.ts';\n\nimport { typeToPathMap } from '../utils/css-mappings/eui-icon.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport { euiIconStyles } from '../utils/eui/styles.generated.ts';\nimport { keysOf } from './common.ts';\n\nimport type { EuiIconComponent } from '../-private/icons.ts';\nimport type EuiConfigService from '../services/eui-config';\nimport type { EuiThemeContext } from '../utils/emotion/context.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { SerializedStyles } from '@emotion/serialize';\nimport type { ComponentLike } from '@glint/template';\n\nexport const TYPES = keysOf(typeToPathMap);\n\nexport type EuiIconType = keyof typeof typeToPathMap;\n\nexport type IconType = EuiIconType | string | ComponentLike;\n\n/** Named icon colors of EUI 123 (Borealis), in upstream's order. */\nexport const COLORS = [\n  'default',\n  'primary',\n  'neutral',\n  'success',\n  'accent',\n  'accentSecondary',\n  'warning',\n  'risk',\n  'danger',\n  'text',\n  'subdued',\n  'ghost',\n  'inherit'\n] as const;\n\nexport type NamedColor = (typeof COLORS)[number];\n\nexport function isNamedColor(name: string): name is NamedColor {\n  return (COLORS as readonly string[]).includes(name);\n}\n\n// We accept arbitrary color strings, which are impossible to type.\ntype IconColor = string | NamedColor;\n\n/** Upstream sizes: 12/16/24/32/40px squares, or the svg's own size. */\nexport const SIZES = ['original', 's', 'm', 'l', 'xl', 'xxl'] as const;\n\n/**\n * The `@size` type. `'original'` also works at runtime but stays out of the\n * type, as before: callers forward this type to components without it.\n */\nexport type IconSize = Exclude<(typeof SIZES)[number], 'original'>;\n\ntype IconStyles = Record<string, SerializedStyles>;\n\n/**\n * EuiIcon renders everywhere, so the upstream factory runs once per resolved\n * theme (contexts cache their `upstream` theme), not once per icon.\n */\nfunction iconStyles(context: EuiThemeContext): IconStyles {\n  return useEuiBorealisStyles(context, euiIconStyles) as IconStyles;\n}\n\n/**\n * Calls `@onIconLoad` once the rendered icon is final: right away for\n * images and components, after the svg arrived for EUI icons.\n */\nconst notifyLoaded = modifier(function notifyLoaded(\n  _element: Element,\n  [isLoading, onIconLoad]: [boolean, (() => void) | undefined]\n) {\n  if (!isLoading) onIconLoad?.();\n});\n\n/**\n * The EUI icon type each instance saw loading. Untracked bookkeeping (like\n * upstream's `neededLoading` state): it only decides whether the icon fades\n * in once it arrives, and never invalidates a render by itself.\n */\nconst sawLoading = new WeakMap<object, string>();\n\n/** Upstream `getIsAppIcon`: two-toned app and ML job icons. */\nfunction isAppIconType(type: unknown): boolean {\n  if (typeof type !== 'string') return false;\n  if (type === 'dataVisualizer') return true;\n  if (type.indexOf('data:') === 0) return false;\n\n  return type.endsWith('App') || type.endsWith('Job');\n}\n\nexport type EuiIconArgs = CommonArgs & {\n  /**\n   * Extra styles composed last into this component's class (like upstream's\n   * `css` prop). Prefer this to an extra class when styling it from a parent.\n   */\n  css?: EuiCss;\n  /**\n   * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any Ember Icon SVG component\n   */\n  type: IconType;\n\n  /**\n   * One of EUI's named colors (`'default'`, `'primary'`, `'neutral'`,\n   * `'success'`, `'accent'`, `'accentSecondary'`, `'warning'`, `'risk'`,\n   * `'danger'`, `'text'`, `'subdued'`, `'ghost'`, `'inherit'`) or a valid\n   * CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.\n   * Without a color, the icon uses the inherited text color.\n   * Note that coloring only works if your SVG is removed of fill attributes.\n   */\n  color?: IconColor;\n  /**\n   * `'s'` (12px), `'m'` (16px), `'l'` (24px), `'xl'` (32px), `'xxl'`\n   * (40px) or `'original'` (the svg's own width and height). Defaults to\n   * `'m'`.\n   * Note that every size other than `original` assumes the provided SVG sits on a square viewbox.\n   */\n  size?: IconSize;\n\n  /**\n   * @deprecated No longer has any effect. EUI icons are always inline svgs,\n   * icons registered through the `euiIcon.icons` config are rendered as\n   * components and any other string is treated as an image URL.\n   */\n  useSvg?: boolean;\n\n  /**\n   * Descriptive title for naming the icon based on its use\n   */\n  title?: string;\n  /**\n   * A unique identifier for the title element\n   */\n  titleId?: string;\n\n  tabIndex?: unknown;\n\n  /**\n   * Its value should be one or more element IDs\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Callback when the icon has been loaded & rendered\n   */\n  onIconLoad?: () => void;\n\n  /**\n   * @deprecated Not needed anymore: a component passed as `@type` is\n   * always rendered as a component.\n   */\n  useComponent?: boolean;\n\n  /**\n   * Classes to pass to the icon\n   */\n  iconClasses?: string;\n};\n\nexport interface EuiIconSignature {\n  Element: HTMLImageElement | Element;\n  Args: EuiIconArgs;\n}\n\nfunction isEuiIconType(x: EuiIconArgs['type']): x is EuiIconType {\n  return (\n    typeof x === 'string' &&\n    Object.prototype.hasOwnProperty.call(typeToPathMap, x)\n  );\n}\n\n/**\n * An icon: one of EUI's named icons, an app icon registered through the\n * `euiIcon.icons` config, an svg component or an image URL. Styled with\n * upstream EUI 123 (Borealis) `euiIconStyles`.\n */\nexport default class EuiIcon extends Component<EuiIconSignature> {\n  @service declare euiConfig: EuiConfigService;\n\n  notifyLoaded = notifyLoaded;\n\n\n  get context(): EuiThemeContext {\n    return getEuiThemeContext(this);\n  }\n\n  get size(): (typeof SIZES)[number] {\n    const size: string | undefined = this.args.size;\n\n    return size && (SIZES as readonly string[]).includes(size)\n      ? (size as (typeof SIZES)[number])\n      : 'm';\n  }\n\n  /** The icon registered by the app under this name (`euiIcon.icons`). */\n  get registeredIcon(): EuiIconComponent | undefined {\n    const { type } = this.args;\n    const icons = typeof type === 'string' ? this.euiConfig.getConfig('euiIcon.icons') : undefined;\n\n    return icons && Object.prototype.hasOwnProperty.call(icons, type as string)\n      ? (icons[type as string] as EuiIconComponent)\n      : undefined;\n  }\n\n  /**\n   * The EUI icon name to render, if `@type` is one. A name the app\n   * registered through the `euiIcon.icons` config wins over an EUI icon of\n   * the same name, so app icons keep rendering when EUI adds icons (e.g.\n   * `rocket` or `copy` in EUI 123).\n   */\n  get euiIconType(): EuiIconType | undefined {\n    const { type } = this.args;\n\n    return isEuiIconType(type) && !this.registeredIcon ? type : undefined;\n  }\n\n  /**\n   * The component rendering the svg: for EUI icon names, for names\n   * registered by the app through the `euiIcon.icons` config, and for\n   * components passed directly as `@type` (e.g. `@iconType={{MyLogo}}`).\n   * EUI icons load the first time they render (see preloadIcons); the empty\n   * icon takes their place meanwhile.\n   */\n  get iconComponent(): EuiIconComponent | undefined {\n    const { type } = this.args;\n\n    if (type && (typeof type === 'object' || typeof type === 'function')) {\n      return type as EuiIconComponent;\n    }\n\n    if (typeof type !== 'string') return undefined;\n\n    const euiType = this.euiIconType;\n\n    if (euiType) return loadedIcon(euiType) ?? emptyIcon;\n\n    return this.registeredIcon;\n  }\n\n  /**\n   * Upstream `isLoading`: an EUI icon whose svg has not arrived yet. It\n   * shows as a faint rounded square instead of an invisible empty svg.\n   */\n  get isLoading(): boolean {\n    const type = this.euiIconType;\n\n    if (!type || type === 'empty') return false;\n\n    const loading = loadedIcon(type) === undefined;\n\n    if (loading) sawLoading.set(this, type);\n\n    return loading;\n  }\n\n  /** Upstream `isLoaded`: fades in an icon that had to load. */\n  get isLoaded(): boolean {\n    return !this.isLoading && sawLoading.get(this) === this.args.type;\n  }\n\n  get dataType(): string | undefined {\n    const type = this.euiIconType;\n\n    return type ? iconDataTypes[type] : undefined;\n  }\n\n  get iconType(): string | undefined {\n    return this.euiIconType;\n  }\n\n  get useImage(): boolean {\n    const { type } = this.args;\n\n    if (typeof type !== 'string' || this.iconComponent) return false;\n\n    warn(\n      `<EuiIcon @type=\"${type}\"> is not an EUI icon nor an icon registered in the \\`euiIcon.icons\\` config, so it is rendered as an <img> with that URL. ` +\n        `If this used to be an ember-svg-jar asset, register it instead, e.g. euiConfig.updateConfig({ 'euiIcon.icons': { '${type}': MyIconComponent } }).`,\n      /[/.:]/.test(type),\n      { id: 'ember-eui.eui-icon.unknown-type' }\n    );\n\n    return true;\n  }\n\n  @cached\n  get classes(): string {\n    const { color, type } = this.args;\n    const context = this.context;\n    const styles = iconStyles(context);\n    const named = typeof color === 'string' && isNamedColor(color);\n    const custom = typeof color === 'string' && color !== '' && !named;\n    // app icons keep their two tones unless a color other than default is set\n    const appIconHasColor = color && color !== 'default';\n    const isElasticLogoOutline =\n      type === 'logoElastic' && (color === 'ghost' || color === 'text');\n\n    const css = euiClass(\n      context,\n      styles['euiIcon'],\n      styles[this.size],\n      named && styles[color as string],\n      custom && styles['customColor'],\n      // upstream sets this inline; a class keeps the caller's `style` intact\n      custom && { color },\n      isElasticLogoOutline && styles['logoElasticOutline'],\n      isAppIconType(type) && !appIconHasColor && styles['app'],\n      this.isLoading && styles['isLoading'],\n      this.isLoaded && styles['isLoaded'],\n      this.args.css\n    );\n\n    return ['euiIcon', this.args.iconClasses, css].filter(Boolean).join(' ');\n  }\n\n  get hasLabel(): boolean {\n    return Boolean(this.args['aria-label'] || this.args['aria-labelledby']);\n  }\n\n  /**\n   * Upstream semantics: an icon with a `@title`, `@aria-label` or\n   * `@aria-labelledby` is an `img`; any other icon is decorative\n   * (`role=\"presentation\"`). A `role` or `aria-hidden` attribute passed by\n   * the caller wins.\n   */\n  get role(): 'img' | 'presentation' {\n    return this.args.title || this.hasLabel ? 'img' : 'presentation';\n  }\n\n  /**\n   * With a `@title` (and no `@aria-label` / `@aria-labelledby`), the svg\n   * gets a `<title>` with this id and is labelled by it.\n   */\n  get titleId(): string | undefined {\n    if (!this.args.title || this.hasLabel) return undefined;\n\n    return this.args.titleId ?? `${guidFor(this)}-title`;\n  }\n\n  <template>\n    {{#if @useComponent}}\n      {{!@glint-expect-error}}\n      {{#let (component @type) as |IconComponent|}}\n        {{!template-lint-disable}}\n        <IconComponent\n          class={{this.classes}}\n          role={{this.role}}\n          aria-label={{@aria-label}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          ...attributes\n          {{this.notifyLoaded this.isLoading @onIconLoad}}\n        >\n          {{#if @title}}\n            <title id={{this.titleId}}>{{@title}}</title>\n          {{/if}}\n        </IconComponent>\n      {{/let}}\n    {{else}}\n      {{#if this.useImage}}\n        <img\n          {{! @glint-expect-error }}\n          src={{@type}}\n          class={{this.classes}}\n          alt={{if @title @title}}\n          role={{this.role}}\n          {{! @glint-expect-error }}\n          tabIndex={{@tabIndex}}\n          ...attributes\n          {{this.notifyLoaded false @onIconLoad}}\n        />\n      {{else if this.iconComponent}}\n        <this.iconComponent\n          class={{this.classes}}\n          data-type={{this.dataType}}\n          data-icon-type={{this.iconType}}\n          data-is-loading={{if this.isLoading \"true\"}}\n          data-is-loaded={{if this.isLoaded \"true\"}}\n          role={{this.role}}\n          aria-label={{@aria-label}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          ...attributes\n          {{this.notifyLoaded this.isLoading @onIconLoad}}\n        >\n          {{#if @title}}\n            <title id={{this.titleId}}>{{@title}}</title>\n          {{/if}}\n        </this.iconComponent>\n      {{/if}}\n    {{/if}}\n  </template>\n}\n"],"names":["TYPES","keysOf","typeToPathMap","COLORS","isNamedColor","name","includes","SIZES","iconStyles","context","useEuiBorealisStyles","euiIconStyles","notifyLoaded","modifier","_element","isLoading","onIconLoad","sawLoading","WeakMap","isAppIconType","type","indexOf","endsWith","isEuiIconType","x","Object","prototype","hasOwnProperty","call","EuiIcon","Component","g","service","i","getEuiThemeContext","size","args","registeredIcon","icons","euiConfig","getConfig","undefined","euiIconType","iconComponent","euiType","loadedIcon","emptyIcon","loading","set","isLoaded","get","dataType","iconDataTypes","iconType","useImage","warn","test","id","classes","color","styles","named","custom","appIconHasColor","isElasticLogoOutline","css","euiClass","iconClasses","filter","Boolean","join","n","cached","hasLabel","role","title","titleId","guidFor","setComponentTemplate","precompileTemplate","strictMode"],"mappings":"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"}
+{"version":3,"file":"eui-icon.js","sources":["../../src/components/eui-icon.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { warn } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport { loadedIcon } from '../-private/icon-loader.ts';\nimport { emptyIcon, iconDataTypes } from '../-private/icon-data.ts';\n\nimport { typeToPathMap } from '../utils/css-mappings/eui-icon.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport { euiIconStyles } from '../utils/eui/styles.generated.ts';\nimport { keysOf } from './common.ts';\n\nimport type { EuiIconComponent } from '../-private/icon-data.ts';\nimport type EuiConfigService from '../services/eui-config';\nimport type { EuiThemeContext } from '../utils/emotion/context.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { SerializedStyles } from '@emotion/serialize';\nimport type { ComponentLike } from '@glint/template';\n\nexport const TYPES = keysOf(typeToPathMap);\n\nexport type EuiIconType = keyof typeof typeToPathMap;\n\nexport type IconType = EuiIconType | string | ComponentLike;\n\n/** Named icon colors of EUI 123 (Borealis), in upstream's order. */\nexport const COLORS = [\n  'default',\n  'primary',\n  'neutral',\n  'success',\n  'accent',\n  'accentSecondary',\n  'warning',\n  'risk',\n  'danger',\n  'text',\n  'subdued',\n  'ghost',\n  'inherit'\n] as const;\n\nexport type NamedColor = (typeof COLORS)[number];\n\nexport function isNamedColor(name: string): name is NamedColor {\n  return (COLORS as readonly string[]).includes(name);\n}\n\n// We accept arbitrary color strings, which are impossible to type.\ntype IconColor = string | NamedColor;\n\n/** Upstream sizes: 12/16/24/32/40px squares, or the svg's own size. */\nexport const SIZES = ['original', 's', 'm', 'l', 'xl', 'xxl'] as const;\n\n/**\n * The `@size` type. `'original'` also works at runtime but stays out of the\n * type, as before: callers forward this type to components without it.\n */\nexport type IconSize = Exclude<(typeof SIZES)[number], 'original'>;\n\ntype IconStyles = Record<string, SerializedStyles>;\n\n/**\n * EuiIcon renders everywhere, so the upstream factory runs once per resolved\n * theme (contexts cache their `upstream` theme), not once per icon.\n */\nfunction iconStyles(context: EuiThemeContext): IconStyles {\n  return useEuiBorealisStyles(context, euiIconStyles) as IconStyles;\n}\n\n/**\n * Calls `@onIconLoad` once the rendered icon is final: right away for\n * images and components, after the svg arrived for EUI icons.\n */\nconst notifyLoaded = modifier(function notifyLoaded(\n  _element: Element,\n  [isLoading, onIconLoad]: [boolean, (() => void) | undefined]\n) {\n  if (!isLoading) onIconLoad?.();\n});\n\n/**\n * The EUI icon type each instance saw loading. Untracked bookkeeping (like\n * upstream's `neededLoading` state): it only decides whether the icon fades\n * in once it arrives, and never invalidates a render by itself.\n */\nconst sawLoading = new WeakMap<object, string>();\n\n/** Upstream `getIsAppIcon`: two-toned app and ML job icons. */\nfunction isAppIconType(type: unknown): boolean {\n  if (typeof type !== 'string') return false;\n  if (type === 'dataVisualizer') return true;\n  if (type.indexOf('data:') === 0) return false;\n\n  return type.endsWith('App') || type.endsWith('Job');\n}\n\nexport type EuiIconArgs = CommonArgs & {\n  /**\n   * Extra styles composed last into this component's class (like upstream's\n   * `css` prop). Prefer this to an extra class when styling it from a parent.\n   */\n  css?: EuiCss;\n  /**\n   * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any Ember Icon SVG component\n   */\n  type: IconType;\n\n  /**\n   * One of EUI's named colors (`'default'`, `'primary'`, `'neutral'`,\n   * `'success'`, `'accent'`, `'accentSecondary'`, `'warning'`, `'risk'`,\n   * `'danger'`, `'text'`, `'subdued'`, `'ghost'`, `'inherit'`) or a valid\n   * CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.\n   * Without a color, the icon uses the inherited text color.\n   * Note that coloring only works if your SVG is removed of fill attributes.\n   */\n  color?: IconColor;\n  /**\n   * `'s'` (12px), `'m'` (16px), `'l'` (24px), `'xl'` (32px), `'xxl'`\n   * (40px) or `'original'` (the svg's own width and height). Defaults to\n   * `'m'`.\n   * Note that every size other than `original` assumes the provided SVG sits on a square viewbox.\n   */\n  size?: IconSize;\n\n  /**\n   * @deprecated No longer has any effect. EUI icons are always inline svgs,\n   * icons registered through the `euiIcon.icons` config are rendered as\n   * components and any other string is treated as an image URL.\n   */\n  useSvg?: boolean;\n\n  /**\n   * Descriptive title for naming the icon based on its use\n   */\n  title?: string;\n  /**\n   * A unique identifier for the title element\n   */\n  titleId?: string;\n\n  tabIndex?: unknown;\n\n  /**\n   * Its value should be one or more element IDs\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Callback when the icon has been loaded & rendered\n   */\n  onIconLoad?: () => void;\n\n  /**\n   * @deprecated Not needed anymore: a component passed as `@type` is\n   * always rendered as a component.\n   */\n  useComponent?: boolean;\n\n  /**\n   * Classes to pass to the icon\n   */\n  iconClasses?: string;\n};\n\nexport interface EuiIconSignature {\n  Element: HTMLImageElement | Element;\n  Args: EuiIconArgs;\n}\n\nfunction isEuiIconType(x: EuiIconArgs['type']): x is EuiIconType {\n  return (\n    typeof x === 'string' &&\n    Object.prototype.hasOwnProperty.call(typeToPathMap, x)\n  );\n}\n\n/**\n * An icon: one of EUI's named icons, an app icon registered through the\n * `euiIcon.icons` config, an svg component or an image URL. Styled with\n * upstream EUI 123 (Borealis) `euiIconStyles`.\n */\nexport default class EuiIcon extends Component<EuiIconSignature> {\n  @service declare euiConfig: EuiConfigService;\n\n  notifyLoaded = notifyLoaded;\n\n\n  get context(): EuiThemeContext {\n    return getEuiThemeContext(this);\n  }\n\n  get size(): (typeof SIZES)[number] {\n    const size: string | undefined = this.args.size;\n\n    return size && (SIZES as readonly string[]).includes(size)\n      ? (size as (typeof SIZES)[number])\n      : 'm';\n  }\n\n  /** The icon registered by the app under this name (`euiIcon.icons`). */\n  get registeredIcon(): EuiIconComponent | undefined {\n    const { type } = this.args;\n    const icons = typeof type === 'string' ? this.euiConfig.getConfig('euiIcon.icons') : undefined;\n\n    return icons && Object.prototype.hasOwnProperty.call(icons, type as string)\n      ? (icons[type as string] as EuiIconComponent)\n      : undefined;\n  }\n\n  /**\n   * The EUI icon name to render, if `@type` is one. A name the app\n   * registered through the `euiIcon.icons` config wins over an EUI icon of\n   * the same name, so app icons keep rendering when EUI adds icons (e.g.\n   * `rocket` or `copy` in EUI 123).\n   */\n  get euiIconType(): EuiIconType | undefined {\n    const { type } = this.args;\n\n    return isEuiIconType(type) && !this.registeredIcon ? type : undefined;\n  }\n\n  /**\n   * The component rendering the svg: for EUI icon names, for names\n   * registered by the app through the `euiIcon.icons` config, and for\n   * components passed directly as `@type` (e.g. `@iconType={{MyLogo}}`).\n   * EUI icons load the first time they render (see preloadIcons); the empty\n   * icon takes their place meanwhile.\n   */\n  get iconComponent(): EuiIconComponent | undefined {\n    const { type } = this.args;\n\n    if (type && (typeof type === 'object' || typeof type === 'function')) {\n      return type as EuiIconComponent;\n    }\n\n    if (typeof type !== 'string') return undefined;\n\n    const euiType = this.euiIconType;\n\n    if (euiType) return loadedIcon(euiType) ?? emptyIcon;\n\n    return this.registeredIcon;\n  }\n\n  /**\n   * Upstream `isLoading`: an EUI icon whose svg has not arrived yet. It\n   * shows as a faint rounded square instead of an invisible empty svg.\n   */\n  get isLoading(): boolean {\n    const type = this.euiIconType;\n\n    if (!type || type === 'empty') return false;\n\n    const loading = loadedIcon(type) === undefined;\n\n    if (loading) sawLoading.set(this, type);\n\n    return loading;\n  }\n\n  /** Upstream `isLoaded`: fades in an icon that had to load. */\n  get isLoaded(): boolean {\n    return !this.isLoading && sawLoading.get(this) === this.args.type;\n  }\n\n  get dataType(): string | undefined {\n    const type = this.euiIconType;\n\n    return type ? iconDataTypes[type] : undefined;\n  }\n\n  get iconType(): string | undefined {\n    return this.euiIconType;\n  }\n\n  get useImage(): boolean {\n    const { type } = this.args;\n\n    if (typeof type !== 'string' || this.iconComponent) return false;\n\n    warn(\n      `<EuiIcon @type=\"${type}\"> is not an EUI icon nor an icon registered in the \\`euiIcon.icons\\` config, so it is rendered as an <img> with that URL. ` +\n        `If this used to be an ember-svg-jar asset, register it instead, e.g. euiConfig.updateConfig({ 'euiIcon.icons': { '${type}': MyIconComponent } }).`,\n      /[/.:]/.test(type),\n      { id: 'ember-eui.eui-icon.unknown-type' }\n    );\n\n    return true;\n  }\n\n  @cached\n  get classes(): string {\n    const { color, type } = this.args;\n    const context = this.context;\n    const styles = iconStyles(context);\n    const named = typeof color === 'string' && isNamedColor(color);\n    const custom = typeof color === 'string' && color !== '' && !named;\n    // app icons keep their two tones unless a color other than default is set\n    const appIconHasColor = color && color !== 'default';\n    const isElasticLogoOutline =\n      type === 'logoElastic' && (color === 'ghost' || color === 'text');\n\n    const css = euiClass(\n      context,\n      styles['euiIcon'],\n      styles[this.size],\n      named && styles[color as string],\n      custom && styles['customColor'],\n      // upstream sets this inline; a class keeps the caller's `style` intact\n      custom && { color },\n      isElasticLogoOutline && styles['logoElasticOutline'],\n      isAppIconType(type) && !appIconHasColor && styles['app'],\n      this.isLoading && styles['isLoading'],\n      this.isLoaded && styles['isLoaded'],\n      this.args.css\n    );\n\n    return ['euiIcon', this.args.iconClasses, css].filter(Boolean).join(' ');\n  }\n\n  get hasLabel(): boolean {\n    return Boolean(this.args['aria-label'] || this.args['aria-labelledby']);\n  }\n\n  /**\n   * Upstream semantics: an icon with a `@title`, `@aria-label` or\n   * `@aria-labelledby` is an `img`; any other icon is decorative\n   * (`role=\"presentation\"`). A `role` or `aria-hidden` attribute passed by\n   * the caller wins.\n   */\n  get role(): 'img' | 'presentation' {\n    return this.args.title || this.hasLabel ? 'img' : 'presentation';\n  }\n\n  /**\n   * With a `@title` (and no `@aria-label` / `@aria-labelledby`), the svg\n   * gets a `<title>` with this id and is labelled by it.\n   */\n  get titleId(): string | undefined {\n    if (!this.args.title || this.hasLabel) return undefined;\n\n    return this.args.titleId ?? `${guidFor(this)}-title`;\n  }\n\n  <template>\n    {{#if @useComponent}}\n      {{!@glint-expect-error}}\n      {{#let (component @type) as |IconComponent|}}\n        {{!template-lint-disable}}\n        <IconComponent\n          class={{this.classes}}\n          role={{this.role}}\n          aria-label={{@aria-label}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          ...attributes\n          {{this.notifyLoaded this.isLoading @onIconLoad}}\n        >\n          {{#if @title}}\n            <title id={{this.titleId}}>{{@title}}</title>\n          {{/if}}\n        </IconComponent>\n      {{/let}}\n    {{else}}\n      {{#if this.useImage}}\n        <img\n          {{! @glint-expect-error }}\n          src={{@type}}\n          class={{this.classes}}\n          alt={{if @title @title}}\n          role={{this.role}}\n          {{! @glint-expect-error }}\n          tabIndex={{@tabIndex}}\n          ...attributes\n          {{this.notifyLoaded false @onIconLoad}}\n        />\n      {{else if this.iconComponent}}\n        <this.iconComponent\n          class={{this.classes}}\n          data-type={{this.dataType}}\n          data-icon-type={{this.iconType}}\n          data-is-loading={{if this.isLoading \"true\"}}\n          data-is-loaded={{if this.isLoaded \"true\"}}\n          role={{this.role}}\n          aria-label={{@aria-label}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          ...attributes\n          {{this.notifyLoaded this.isLoading @onIconLoad}}\n        >\n          {{#if @title}}\n            <title id={{this.titleId}}>{{@title}}</title>\n          {{/if}}\n        </this.iconComponent>\n      {{/if}}\n    {{/if}}\n  </template>\n}\n"],"names":["TYPES","keysOf","typeToPathMap","COLORS","isNamedColor","name","includes","SIZES","iconStyles","context","useEuiBorealisStyles","euiIconStyles","notifyLoaded","modifier","_element","isLoading","onIconLoad","sawLoading","WeakMap","isAppIconType","type","indexOf","endsWith","isEuiIconType","x","Object","prototype","hasOwnProperty","call","EuiIcon","Component","g","service","i","getEuiThemeContext","size","args","registeredIcon","icons","euiConfig","getConfig","undefined","euiIconType","iconComponent","euiType","loadedIcon","emptyIcon","loading","set","isLoaded","get","dataType","iconDataTypes","iconType","useImage","warn","test","id","classes","color","styles","named","custom","appIconHasColor","isElasticLogoOutline","css","euiClass","iconClasses","filter","Boolean","join","n","cached","hasLabel","role","title","titleId","guidFor","setComponentTemplate","precompileTemplate","strictMode"],"mappings":"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"}

package/dist/components/eui-illustration.js

@@ -3,10 +3,10 @@ import { cached } from '@glimmer/tracking';
 import { htmlSafe } from '@ember/template';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bT as euiIllustrationStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiIllustrationStyles } from '../utils/eui/styles.generated/components/illustration/illustration.styles.js';
 
 class EuiIllustration extends Component {
   get classes() {

package/dist/components/eui-image.js

@@ -11,7 +11,6 @@ import style from 'ember-style-modifier/modifiers/style';
 import { or } from 'ember-truth-helpers';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bU as euiImageWrapperStyles, bV as euiImageStyles, bW as euiImageButtonStyles, bX as euiImageButtonIconStyles, bY as euiImageCaptionStyles, bZ as euiImageFullscreenWrapperStyles } from '../styles.generated-SYAxYhey.js';
 import EuiIcon from './eui-icon.js';
 import EuiImage$1 from './eui-inner-text.js';
 import EuiOverlayMaskComponent from './eui-overlay-mask.js';
@@ -19,6 +18,11 @@ import { euiScreenReaderOnlyClass } from './eui-screen-reader-only.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiImageWrapperStyles } from '../utils/eui/styles.generated/components/image/image_wrapper.styles.js';
+import { euiImageStyles } from '../utils/eui/styles.generated/components/image/image.styles.js';
+import { euiImageButtonStyles, euiImageButtonIconStyles } from '../utils/eui/styles.generated/components/image/image_button.styles.js';
+import { euiImageCaptionStyles } from '../utils/eui/styles.generated/components/image/image_caption.styles.js';
+import { euiImageFullscreenWrapperStyles } from '../utils/eui/styles.generated/components/image/image_fullscreen_wrapper.styles.js';
 
 const IMAGE_SIZES = ['s', 'm', 'l', 'xl', 'original', 'fullWidth'];
 function isNamedSize(size) {

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

@@ -1 +1 @@
-{"version":3,"file":"eui-image.js","sources":["../../src/components/eui-image.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { get, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport spreadAttributes from '../-private/eui-spread-attributes.ts';\nimport { focusTrapFactory } from '../-private/focus-trap-registry.ts';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { or } from 'ember-truth-helpers';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiImageButtonIconStyles,\n  euiImageButtonStyles,\n  euiImageCaptionStyles,\n  euiImageFullscreenWrapperStyles,\n  euiImageStyles,\n  euiImageWrapperStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport { euiScreenReaderOnlyClass } from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n.ts';\nimport type { CSSObject } from '@emotion/css/create-instance';\n\n/** Upstream named sizes. */\nexport const IMAGE_SIZES = ['s', 'm', 'l', 'xl', 'original', 'fullWidth'] as const;\n\nexport type EuiImageSize = (typeof IMAGE_SIZES)[number];\n\nfunction isNamedSize(size: unknown): size is EuiImageSize {\n  return (IMAGE_SIZES as readonly unknown[]).includes(size);\n}\n\n// React's global reset zeroes figure margins and strips button chrome.\n/** `wrapperProps` keys handled by the template, not spread as attributes. */\nconst WRAPPER_PROPS = ['id', 'role', 'aria-label', 'data-test-subj', 'style'];\n\nconst figureReset: CSSObject = { boxSizing: 'border-box', margin: 0 };\nconst buttonReset: CSSObject = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  color: 'inherit',\n  font: 'inherit'\n};\n\n/**\n * Upstream's `wrapperProps` for the `<figure>`. The keys below are\n * handled; any other key with a string, number or boolean value is set\n * as an attribute of the figure (upstream spreads `wrapperProps`).\n */\nexport interface EuiImageWrapperProps {\n  /** Added to the figure's classes. */\n  className?: string;\n  /** Styles composed last into the figure's class (upstream's `css`). */\n  css?: EuiCss;\n  /** Inline styles of the figure, as an object. */\n  style?: Record<string, string | undefined>;\n  id?: string;\n  role?: string;\n  /** Replaces the figure's accessible name (the caption's text). */\n  'aria-label'?: string;\n  'data-test-subj'?: string;\n  [attribute: string]: unknown;\n}\n\ntype ImageArgs = {\n  /**\n   * Describes the image for screen reader users (required). Pass an empty\n   * string when the image is decorative or described by nearby text.\n   */\n  alt: string;\n\n  /**\n   * `'s'` (100px), `'m'` (200px), `'l'` (360px), `'xl'` (600px),\n   * `'fullWidth'`, `'original'`, or a custom maximum size: a number (px)\n   * or a CSS length such as `'50%'`. Defaults to `'original'`.\n   */\n  size?: EuiImageSize | number | string;\n\n  /**\n   * Color of the icon over a full screen image: `'light'` (default) or\n   * `'dark'` (for images with a white background).\n   */\n  fullScreenIconColor?: 'light' | 'dark';\n\n  /** URL of the image. */\n  url?: string;\n\n  /**\n   * A visible caption, also the figure's accessible name. For rich content\n   * use the `<:caption>` block instead.\n   */\n  caption?: string;\n\n  /** The `width` attribute of the image, e.g. for SVGs without a size. */\n  width?: number | string;\n\n  /** Props of the wrapping `<figure>`. */\n  wrapperProps?: EuiImageWrapperProps;\n  /** Adds a slight shadow to the image. Defaults to `false`, as upstream. */\n  hasShadow?: boolean;\n  /** Makes the image clickable to show a larger version over the page. */\n  allowFullScreen?: boolean;\n\n  /** Floats the image `'left'` or `'right'` of the text around it (from the `m` breakpoint). */\n  float?: 'left' | 'right' | 'none';\n\n  /** Space around the image: `'none'`, `'s'`, `'m'`, `'l'` or `'xl'`. */\n  margin?: 'none' | 's' | 'm' | 'l' | 'xl';\n\n  /** Accessible label of the full screen button (`@allowFullScreen`), replacing the instructions. */\n  ariaLabel?: string;\n\n  /** Called with `true` / `false` when the full screen view opens / closes. */\n  onFullScreen?: (isFullScreen: boolean) => void;\n\n  /** Same as `@url`; wins when both are given. */\n  src?: string;\n};\n\n/** An image with an optional caption, shadow and full screen view. */\nexport interface EuiImageSignature {\n  /**\n   * Attributes go on the `<img>` (and on the full screen one), as\n   * upstream's rest props; use `@wrapperProps` for the `<figure>`.\n   */\n  Element: HTMLImageElement;\n  Args: ImageArgs;\n  Blocks: {\n    /** Unused. */\n    default: [];\n    /**\n     * Rich caption (upstream's node `caption`), instead of `@caption`. The\n     * figure's accessible name is the caption's text.\n     */\n    caption: [];\n  };\n}\n\nexport default class EuiImage extends Component<EuiImageSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked isFullScreen = false;\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  get size() {\n    return this.args.size ?? 'original';\n  }\n\n  get isFullWidth() {\n    return this.size === 'fullWidth';\n  }\n\n  get iconColor() {\n    return this.args.fullScreenIconColor === 'dark' ? 'default' : 'ghost';\n  }\n\n  get openInstructions() {\n    return this.euiI18n.lookupToken(\n      'euiImageButton.openFullScreen',\n      'Click to open this image in fullscreen mode'\n    );\n  }\n\n  get closeInstructions() {\n    return this.euiI18n.lookupToken(\n      'euiImageButton.closeFullScreen',\n      'Press Escape or click to close image fullscreen mode'\n    );\n  }\n\n  get screenReaderClasses() {\n    return euiScreenReaderOnlyClass(this.context);\n  }\n\n  @cached\n  get wrapperClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageWrapperStyles);\n    const { float, margin } = this.args;\n    return `euiImageWrapper ${euiClass(\n      this.context,\n      figureReset,\n      styles.euiImageWrapper,\n      float && float !== 'none' ? styles[float] : undefined,\n      margin && margin !== 'none' ? styles[margin] : undefined,\n      this.args.allowFullScreen ? styles.allowFullScreen : undefined,\n      this.isFullWidth ? styles.fullWidth : undefined,\n      this.args.wrapperProps?.css\n    )}${\n      this.args.wrapperProps?.className\n        ? ` ${this.args.wrapperProps.className}`\n        : ''\n    }`;\n  }\n\n  @cached\n  get imageClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageStyles);\n    const size = this.size;\n    let custom: CSSObject | undefined;\n    if (!isNamedSize(size)) {\n      const value =\n        typeof size === 'number' || /^\\d+(\\.\\d+)?$/.test(size)\n          ? `${size}px`\n          : size;\n      custom = { maxWidth: value, maxHeight: value };\n    }\n    return `euiImage ${euiClass(\n      this.context,\n      styles.euiImage,\n      isNamedSize(size) ? styles[size] : styles.customSize,\n      this.args.hasShadow ? styles.hasShadow : undefined,\n      custom\n    )}`;\n  }\n\n  @cached\n  get fullScreenImageClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageStyles);\n    return `euiImage ${euiClass(this.context, styles.euiImage, styles.isFullScreen)}`;\n  }\n\n  buttonClasses(isFullScreen: boolean) {\n    const styles = useEuiBorealisStyles(this.context, euiImageButtonStyles);\n    return `euiImageButton ${euiClass(\n      this.context,\n      buttonReset,\n      styles.euiImageButton,\n      this.args.hasShadow ? styles.hasShadowHover : styles.shadowHover,\n      !isFullScreen && this.isFullWidth ? styles.fullWidth : undefined\n    )}`;\n  }\n\n  get openButtonClasses() {\n    return this.buttonClasses(false);\n  }\n\n  get closeButtonClasses() {\n    return this.buttonClasses(true);\n  }\n\n  @cached\n  get openIconClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageButtonIconStyles);\n    return `euiImageButton__icon ${euiClass(\n      this.context,\n      styles.euiImageButton__icon,\n      styles.openFullScreen\n    )}`;\n  }\n\n  @cached\n  get closeIconCss(): EuiCss {\n    const styles = useEuiBorealisStyles(this.context, euiImageButtonIconStyles);\n    return [styles.euiImageButton__icon, styles.closeFullScreen];\n  }\n\n  @cached\n  get captionClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageCaptionStyles);\n    return `euiImageCaption ${euiClass(this.context, styles.euiImageCaption)}`;\n  }\n\n  @cached\n  get overlayCaptionClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageCaptionStyles);\n    return `euiImageCaption ${euiClass(\n      this.context,\n      styles.euiImageCaption,\n      styles.isOnOverlayMask\n    )}`;\n  }\n\n  @cached\n  get fullScreenWrapperClasses() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiImageFullscreenWrapperStyles\n    );\n    return `euiImageFullScreenWrapper ${euiClass(\n      this.context,\n      figureReset,\n      styles.euiImageFullscreenWrapper,\n      this.isFullWidth ? styles.fullWidth : undefined\n    )}`;\n  }\n\n  openFullScreen = (e: Event) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isFullScreen = true;\n    this.args.onFullScreen?.(true);\n  };\n\n  closeFullScreen = (e?: Event) => {\n    e?.preventDefault();\n    e?.stopPropagation();\n    if (!this.isFullScreen) return;\n    this.isFullScreen = false;\n    this.args.onFullScreen?.(false);\n  };\n\n  onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') this.closeFullScreen(e);\n  };\n\n  <template>\n    <EuiInnerText as |captionRef captionText|>\n    <figure\n      class={{this.wrapperClasses}}\n      id={{@wrapperProps.id}}\n      role={{@wrapperProps.role}}\n      data-test-subj={{get @wrapperProps \"data-test-subj\"}}\n      aria-label={{or (get @wrapperProps \"aria-label\") @caption captionText undefined}}\n      {{style @wrapperProps.style}}\n      {{spreadAttributes @wrapperProps WRAPPER_PROPS}}\n    >\n      {{#if @allowFullScreen}}\n        <button\n          class={{this.openButtonClasses}}\n          type=\"button\"\n          aria-label={{@ariaLabel}}\n          data-test-subj=\"activateFullScreenButton\"\n          {{on \"click\" this.openFullScreen}}\n        >\n          <img\n            class={{this.imageClasses}}\n            src={{or @src @url}}\n            alt={{@alt}}\n            width={{@width}}\n            ...attributes\n          />\n          <span class={{this.openIconClasses}}>\n            <span class={{this.screenReaderClasses}}>\n              {{~if @alt \" — \"}}{{this.openInstructions~}}\n            </span>\n            <EuiIcon @type=\"fullScreen\" @color={{this.iconColor}} />\n          </span>\n        </button>\n      {{else}}\n        <img\n          class={{this.imageClasses}}\n          src={{or @src @url}}\n          alt={{@alt}}\n          width={{@width}}\n          ...attributes\n        />\n      {{/if}}\n      {{#if (or @caption (has-block \"caption\"))}}\n        <figcaption class={{this.captionClasses}} {{didInsert captionRef}}>\n          {{#if (has-block \"caption\")}}\n            {{yield to=\"caption\"}}\n          {{else}}\n            {{@caption}}\n          {{/if}}\n        </figcaption>\n      {{/if}}\n    </figure>\n    </EuiInnerText>\n\n    {{#if this.isFullScreen}}\n      <EuiOverlayMask\n        data-test-subj=\"fullScreenOverlayMask\"\n        @onClick={{this.closeFullScreen}}\n      >\n        <EuiInnerText as |overlayCaptionRef overlayCaptionText|>\n        <figure\n          class={{this.fullScreenWrapperClasses}}\n          aria-label={{or @caption overlayCaptionText undefined}}\n          {{focusTrap\n          _createFocusTrap=focusTrapFactory\n            focusTrapOptions=(hash\n              clickOutsideDeactivates=true escapeDeactivates=false\n            )\n          }}\n        >\n          <button\n            class={{this.closeButtonClasses}}\n            type=\"button\"\n            data-test-subj=\"deactivateFullScreenButton\"\n            {{on \"click\" this.closeFullScreen}}\n            {{on \"keydown\" this.onKeyDown}}\n          >\n            <span class={{this.screenReaderClasses}}>\n              {{~this.closeInstructions}}{{if @alt \" — \"~}}\n            </span>\n            <img\n              class={{this.fullScreenImageClasses}}\n              src={{or @src @url}}\n              alt={{@alt}}\n              width={{@width}}\n              ...attributes\n            />\n          </button>\n          {{#if (or @caption (has-block \"caption\"))}}\n            <figcaption\n              class={{this.overlayCaptionClasses}}\n              {{didInsert overlayCaptionRef}}\n            >\n              {{#if (has-block \"caption\")}}\n                {{yield to=\"caption\"}}\n              {{else}}\n                {{@caption}}\n              {{/if}}\n            </figcaption>\n          {{/if}}\n        </figure>\n        </EuiInnerText>\n        <EuiIcon\n          class=\"euiImageButton__icon\"\n          @css={{this.closeIconCss}}\n          @type=\"fullScreenExit\"\n          @color=\"ghost\"\n        />\n      </EuiOverlayMask>\n    {{/if}}\n  </template>\n}\n"],"names":["IMAGE_SIZES","isNamedSize","size","includes","WRAPPER_PROPS","figureReset","boxSizing","margin","buttonReset","padding","border","background","color","font","EuiImage","Component","g","prototype","service","i","tracked","context","getEuiThemeContext","args","isFullWidth","iconColor","fullScreenIconColor","openInstructions","euiI18n","lookupToken","closeInstructions","screenReaderClasses","euiScreenReaderOnlyClass","wrapperClasses","styles","useEuiBorealisStyles","euiImageWrapperStyles","float","euiClass","euiImageWrapper","undefined","allowFullScreen","fullWidth","wrapperProps","css","className","n","cached","imageClasses","euiImageStyles","custom","value","test","maxWidth","maxHeight","euiImage","customSize","hasShadow","fullScreenImageClasses","isFullScreen","buttonClasses","euiImageButtonStyles","euiImageButton","hasShadowHover","shadowHover","openButtonClasses","closeButtonClasses","openIconClasses","euiImageButtonIconStyles","euiImageButton__icon","openFullScreen","closeIconCss","closeFullScreen","captionClasses","euiImageCaptionStyles","euiImageCaption","overlayCaptionClasses","isOnOverlayMask","fullScreenWrapperClasses","euiImageFullscreenWrapperStyles","euiImageFullscreenWrapper","e","preventDefault","stopPropagation","onFullScreen","onKeyDown","key","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","get","or","style","spreadAttributes","on","EuiIcon","didInsert","EuiOverlayMask","focusTrap","focusTrapFactory","hash"],"mappings":"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"}
+{"version":3,"file":"eui-image.js","sources":["../../src/components/eui-image.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { get, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport spreadAttributes from '../-private/eui-spread-attributes.ts';\nimport { focusTrapFactory } from '../-private/focus-trap-registry.ts';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { or } from 'ember-truth-helpers';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiImageButtonIconStyles,\n  euiImageButtonStyles,\n  euiImageCaptionStyles,\n  euiImageFullscreenWrapperStyles,\n  euiImageStyles,\n  euiImageWrapperStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport { euiScreenReaderOnlyClass } from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n.ts';\nimport type { CSSObject } from '@emotion/css/create-instance';\n\n/** Upstream named sizes. */\nexport const IMAGE_SIZES = ['s', 'm', 'l', 'xl', 'original', 'fullWidth'] as const;\n\nexport type EuiImageSize = (typeof IMAGE_SIZES)[number];\n\nfunction isNamedSize(size: unknown): size is EuiImageSize {\n  return (IMAGE_SIZES as readonly unknown[]).includes(size);\n}\n\n// React's global reset zeroes figure margins and strips button chrome.\n/** `wrapperProps` keys handled by the template, not spread as attributes. */\nconst WRAPPER_PROPS = ['id', 'role', 'aria-label', 'data-test-subj', 'style'];\n\nconst figureReset: CSSObject = { boxSizing: 'border-box', margin: 0 };\nconst buttonReset: CSSObject = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  color: 'inherit',\n  font: 'inherit'\n};\n\n/**\n * Upstream's `wrapperProps` for the `<figure>`. The keys below are\n * handled; any other key with a string, number or boolean value is set\n * as an attribute of the figure (upstream spreads `wrapperProps`).\n */\nexport interface EuiImageWrapperProps {\n  /** Added to the figure's classes. */\n  className?: string;\n  /** Styles composed last into the figure's class (upstream's `css`). */\n  css?: EuiCss;\n  /** Inline styles of the figure, as an object. */\n  style?: Record<string, string | undefined>;\n  id?: string;\n  role?: string;\n  /** Replaces the figure's accessible name (the caption's text). */\n  'aria-label'?: string;\n  'data-test-subj'?: string;\n  [attribute: string]: unknown;\n}\n\ntype ImageArgs = {\n  /**\n   * Describes the image for screen reader users (required). Pass an empty\n   * string when the image is decorative or described by nearby text.\n   */\n  alt: string;\n\n  /**\n   * `'s'` (100px), `'m'` (200px), `'l'` (360px), `'xl'` (600px),\n   * `'fullWidth'`, `'original'`, or a custom maximum size: a number (px)\n   * or a CSS length such as `'50%'`. Defaults to `'original'`.\n   */\n  size?: EuiImageSize | number | string;\n\n  /**\n   * Color of the icon over a full screen image: `'light'` (default) or\n   * `'dark'` (for images with a white background).\n   */\n  fullScreenIconColor?: 'light' | 'dark';\n\n  /** URL of the image. */\n  url?: string;\n\n  /**\n   * A visible caption, also the figure's accessible name. For rich content\n   * use the `<:caption>` block instead.\n   */\n  caption?: string;\n\n  /** The `width` attribute of the image, e.g. for SVGs without a size. */\n  width?: number | string;\n\n  /** Props of the wrapping `<figure>`. */\n  wrapperProps?: EuiImageWrapperProps;\n  /** Adds a slight shadow to the image. Defaults to `false`, as upstream. */\n  hasShadow?: boolean;\n  /** Makes the image clickable to show a larger version over the page. */\n  allowFullScreen?: boolean;\n\n  /** Floats the image `'left'` or `'right'` of the text around it (from the `m` breakpoint). */\n  float?: 'left' | 'right' | 'none';\n\n  /** Space around the image: `'none'`, `'s'`, `'m'`, `'l'` or `'xl'`. */\n  margin?: 'none' | 's' | 'm' | 'l' | 'xl';\n\n  /** Accessible label of the full screen button (`@allowFullScreen`), replacing the instructions. */\n  ariaLabel?: string;\n\n  /** Called with `true` / `false` when the full screen view opens / closes. */\n  onFullScreen?: (isFullScreen: boolean) => void;\n\n  /** Same as `@url`; wins when both are given. */\n  src?: string;\n};\n\n/** An image with an optional caption, shadow and full screen view. */\nexport interface EuiImageSignature {\n  /**\n   * Attributes go on the `<img>` (and on the full screen one), as\n   * upstream's rest props; use `@wrapperProps` for the `<figure>`.\n   */\n  Element: HTMLImageElement;\n  Args: ImageArgs;\n  Blocks: {\n    /** Unused. */\n    default: [];\n    /**\n     * Rich caption (upstream's node `caption`), instead of `@caption`. The\n     * figure's accessible name is the caption's text.\n     */\n    caption: [];\n  };\n}\n\nexport default class EuiImage extends Component<EuiImageSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked isFullScreen = false;\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  get size() {\n    return this.args.size ?? 'original';\n  }\n\n  get isFullWidth() {\n    return this.size === 'fullWidth';\n  }\n\n  get iconColor() {\n    return this.args.fullScreenIconColor === 'dark' ? 'default' : 'ghost';\n  }\n\n  get openInstructions() {\n    return this.euiI18n.lookupToken(\n      'euiImageButton.openFullScreen',\n      'Click to open this image in fullscreen mode'\n    );\n  }\n\n  get closeInstructions() {\n    return this.euiI18n.lookupToken(\n      'euiImageButton.closeFullScreen',\n      'Press Escape or click to close image fullscreen mode'\n    );\n  }\n\n  get screenReaderClasses() {\n    return euiScreenReaderOnlyClass(this.context);\n  }\n\n  @cached\n  get wrapperClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageWrapperStyles);\n    const { float, margin } = this.args;\n    return `euiImageWrapper ${euiClass(\n      this.context,\n      figureReset,\n      styles.euiImageWrapper,\n      float && float !== 'none' ? styles[float] : undefined,\n      margin && margin !== 'none' ? styles[margin] : undefined,\n      this.args.allowFullScreen ? styles.allowFullScreen : undefined,\n      this.isFullWidth ? styles.fullWidth : undefined,\n      this.args.wrapperProps?.css\n    )}${\n      this.args.wrapperProps?.className\n        ? ` ${this.args.wrapperProps.className}`\n        : ''\n    }`;\n  }\n\n  @cached\n  get imageClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageStyles);\n    const size = this.size;\n    let custom: CSSObject | undefined;\n    if (!isNamedSize(size)) {\n      const value =\n        typeof size === 'number' || /^\\d+(\\.\\d+)?$/.test(size)\n          ? `${size}px`\n          : size;\n      custom = { maxWidth: value, maxHeight: value };\n    }\n    return `euiImage ${euiClass(\n      this.context,\n      styles.euiImage,\n      isNamedSize(size) ? styles[size] : styles.customSize,\n      this.args.hasShadow ? styles.hasShadow : undefined,\n      custom\n    )}`;\n  }\n\n  @cached\n  get fullScreenImageClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageStyles);\n    return `euiImage ${euiClass(this.context, styles.euiImage, styles.isFullScreen)}`;\n  }\n\n  buttonClasses(isFullScreen: boolean) {\n    const styles = useEuiBorealisStyles(this.context, euiImageButtonStyles);\n    return `euiImageButton ${euiClass(\n      this.context,\n      buttonReset,\n      styles.euiImageButton,\n      this.args.hasShadow ? styles.hasShadowHover : styles.shadowHover,\n      !isFullScreen && this.isFullWidth ? styles.fullWidth : undefined\n    )}`;\n  }\n\n  get openButtonClasses() {\n    return this.buttonClasses(false);\n  }\n\n  get closeButtonClasses() {\n    return this.buttonClasses(true);\n  }\n\n  @cached\n  get openIconClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageButtonIconStyles);\n    return `euiImageButton__icon ${euiClass(\n      this.context,\n      styles.euiImageButton__icon,\n      styles.openFullScreen\n    )}`;\n  }\n\n  @cached\n  get closeIconCss(): EuiCss {\n    const styles = useEuiBorealisStyles(this.context, euiImageButtonIconStyles);\n    return [styles.euiImageButton__icon, styles.closeFullScreen];\n  }\n\n  @cached\n  get captionClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageCaptionStyles);\n    return `euiImageCaption ${euiClass(this.context, styles.euiImageCaption)}`;\n  }\n\n  @cached\n  get overlayCaptionClasses() {\n    const styles = useEuiBorealisStyles(this.context, euiImageCaptionStyles);\n    return `euiImageCaption ${euiClass(\n      this.context,\n      styles.euiImageCaption,\n      styles.isOnOverlayMask\n    )}`;\n  }\n\n  @cached\n  get fullScreenWrapperClasses() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiImageFullscreenWrapperStyles\n    );\n    return `euiImageFullScreenWrapper ${euiClass(\n      this.context,\n      figureReset,\n      styles.euiImageFullscreenWrapper,\n      this.isFullWidth ? styles.fullWidth : undefined\n    )}`;\n  }\n\n  openFullScreen = (e: Event) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isFullScreen = true;\n    this.args.onFullScreen?.(true);\n  };\n\n  closeFullScreen = (e?: Event) => {\n    e?.preventDefault();\n    e?.stopPropagation();\n    if (!this.isFullScreen) return;\n    this.isFullScreen = false;\n    this.args.onFullScreen?.(false);\n  };\n\n  onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') this.closeFullScreen(e);\n  };\n\n  <template>\n    <EuiInnerText as |captionRef captionText|>\n    <figure\n      class={{this.wrapperClasses}}\n      id={{@wrapperProps.id}}\n      role={{@wrapperProps.role}}\n      data-test-subj={{get @wrapperProps \"data-test-subj\"}}\n      aria-label={{or (get @wrapperProps \"aria-label\") @caption captionText undefined}}\n      {{style @wrapperProps.style}}\n      {{spreadAttributes @wrapperProps WRAPPER_PROPS}}\n    >\n      {{#if @allowFullScreen}}\n        <button\n          class={{this.openButtonClasses}}\n          type=\"button\"\n          aria-label={{@ariaLabel}}\n          data-test-subj=\"activateFullScreenButton\"\n          {{on \"click\" this.openFullScreen}}\n        >\n          <img\n            class={{this.imageClasses}}\n            src={{or @src @url}}\n            alt={{@alt}}\n            width={{@width}}\n            ...attributes\n          />\n          <span class={{this.openIconClasses}}>\n            <span class={{this.screenReaderClasses}}>\n              {{~if @alt \" — \"}}{{this.openInstructions~}}\n            </span>\n            <EuiIcon @type=\"fullScreen\" @color={{this.iconColor}} />\n          </span>\n        </button>\n      {{else}}\n        <img\n          class={{this.imageClasses}}\n          src={{or @src @url}}\n          alt={{@alt}}\n          width={{@width}}\n          ...attributes\n        />\n      {{/if}}\n      {{#if (or @caption (has-block \"caption\"))}}\n        <figcaption class={{this.captionClasses}} {{didInsert captionRef}}>\n          {{#if (has-block \"caption\")}}\n            {{yield to=\"caption\"}}\n          {{else}}\n            {{@caption}}\n          {{/if}}\n        </figcaption>\n      {{/if}}\n    </figure>\n    </EuiInnerText>\n\n    {{#if this.isFullScreen}}\n      <EuiOverlayMask\n        data-test-subj=\"fullScreenOverlayMask\"\n        @onClick={{this.closeFullScreen}}\n      >\n        <EuiInnerText as |overlayCaptionRef overlayCaptionText|>\n        <figure\n          class={{this.fullScreenWrapperClasses}}\n          aria-label={{or @caption overlayCaptionText undefined}}\n          {{focusTrap\n          _createFocusTrap=focusTrapFactory\n            focusTrapOptions=(hash\n              clickOutsideDeactivates=true escapeDeactivates=false\n            )\n          }}\n        >\n          <button\n            class={{this.closeButtonClasses}}\n            type=\"button\"\n            data-test-subj=\"deactivateFullScreenButton\"\n            {{on \"click\" this.closeFullScreen}}\n            {{on \"keydown\" this.onKeyDown}}\n          >\n            <span class={{this.screenReaderClasses}}>\n              {{~this.closeInstructions}}{{if @alt \" — \"~}}\n            </span>\n            <img\n              class={{this.fullScreenImageClasses}}\n              src={{or @src @url}}\n              alt={{@alt}}\n              width={{@width}}\n              ...attributes\n            />\n          </button>\n          {{#if (or @caption (has-block \"caption\"))}}\n            <figcaption\n              class={{this.overlayCaptionClasses}}\n              {{didInsert overlayCaptionRef}}\n            >\n              {{#if (has-block \"caption\")}}\n                {{yield to=\"caption\"}}\n              {{else}}\n                {{@caption}}\n              {{/if}}\n            </figcaption>\n          {{/if}}\n        </figure>\n        </EuiInnerText>\n        <EuiIcon\n          class=\"euiImageButton__icon\"\n          @css={{this.closeIconCss}}\n          @type=\"fullScreenExit\"\n          @color=\"ghost\"\n        />\n      </EuiOverlayMask>\n    {{/if}}\n  </template>\n}\n"],"names":["IMAGE_SIZES","isNamedSize","size","includes","WRAPPER_PROPS","figureReset","boxSizing","margin","buttonReset","padding","border","background","color","font","EuiImage","Component","g","prototype","service","i","tracked","context","getEuiThemeContext","args","isFullWidth","iconColor","fullScreenIconColor","openInstructions","euiI18n","lookupToken","closeInstructions","screenReaderClasses","euiScreenReaderOnlyClass","wrapperClasses","styles","useEuiBorealisStyles","euiImageWrapperStyles","float","euiClass","euiImageWrapper","undefined","allowFullScreen","fullWidth","wrapperProps","css","className","n","cached","imageClasses","euiImageStyles","custom","value","test","maxWidth","maxHeight","euiImage","customSize","hasShadow","fullScreenImageClasses","isFullScreen","buttonClasses","euiImageButtonStyles","euiImageButton","hasShadowHover","shadowHover","openButtonClasses","closeButtonClasses","openIconClasses","euiImageButtonIconStyles","euiImageButton__icon","openFullScreen","closeIconCss","closeFullScreen","captionClasses","euiImageCaptionStyles","euiImageCaption","overlayCaptionClasses","isOnOverlayMask","fullScreenWrapperClasses","euiImageFullscreenWrapperStyles","euiImageFullscreenWrapper","e","preventDefault","stopPropagation","onFullScreen","onKeyDown","key","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","get","or","style","spreadAttributes","on","EuiIcon","didInsert","EuiOverlayMask","focusTrap","focusTrapFactory","hash"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,MAAMA,WAAA,GAAc,CAAC,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,IAAA,EAAM,UAAA,EAAY,WAAA;AAI7D,SAASC,WAAAA,CAAYC,IAAa,EAAW;AAC3C,EAAA,OAAQF,WAAA,CAAmCG,QAAQ,CAACD,IAAA,CAAA;AACtD;AAEA;AACA;AACA,MAAME,aAAA,GAAgB,CAAC,IAAA,EAAM,MAAA,EAAQ,YAAA,EAAc,gBAAA,EAAkB,OAAA,CAAQ;AAE7E,MAAMC,WAAa,GAAY;AAAEC,EAAAA,SAAA,EAAW,YAAA;AAAcC,EAAAA,MAAA,EAAQ;AAAE,CAAA;AACpE,MAAMC,WAAa,GAAY;AAC7BF,EAAAA,SAAA,EAAW,YAAA;AACXC,EAAAA,MAAA,EAAQ,CAAA;AACRE,EAAAA,OAAA,EAAS,CAAA;AACTC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,MAAA;AACZC,EAAAA,KAAA,EAAO,SAAA;AACPC,EAAAA,IAAA,EAAM;AACR,CAAA;AAEA;;;;AAIC;;AAuED;;AAmBe,MAAMC,iBAAiBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC7CC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CACAG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAuB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,aAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,MAAA;EAExB,IAAIE,OAAAA,GAAU;IACZ,OAAOC,mBAAmB,IAAI,CAAA;AAChC,EAAA;EAEA,IAAIpB,IAAAA,GAAO;AACT,IAAA,OAAO,IAAI,CAACqB,IAAI,CAACrB,IAAI,IAAI,UAAA;AAC3B,EAAA;EAEA,IAAIsB,WAAAA,GAAc;AAChB,IAAA,OAAO,IAAI,CAACtB,IAAI,KAAK,WAAA;AACvB,EAAA;EAEA,IAAIuB,SAAAA,GAAY;IACd,OAAO,IAAI,CAACF,IAAI,CAACG,mBAAmB,KAAK,SAAS,SAAA,GAAY,OAAA;AAChE,EAAA;EAEA,IAAIC,gBAAAA,GAAmB;IACrB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAC7B,+BAAA,EACA,6CAAA,CAAA;AAEJ,EAAA;EAEA,IAAIC,iBAAAA,GAAoB;IACtB,OAAO,IAAI,CAACF,OAAO,CAACC,WAAW,CAC7B,gCAAA,EACA,sDAAA,CAAA;AAEJ,EAAA;EAEA,IAAIE,mBAAAA,GAAsB;AACxB,IAAA,OAAOC,wBAAA,CAAyB,IAAI,CAACX,OAAO,CAAA;AAC9C,EAAA;EAEA,IACIY,cAAAA,GAAiB;IACnB,MAAMC,MAAA,GAASC,oBAAA,CAAqB,IAAI,CAACd,OAAO,EAAEe,qBAAA,CAAA;IAClD,MAAM;MAAEC,KAAK;AAAE9B,MAAAA;KAAQ,GAAG,IAAI,CAACgB,IAAI;AACnC,IAAA,OAAO,mBAAmBe,QAAA,CACxB,IAAI,CAACjB,OAAO,EACZhB,WAAA,EACA6B,OAAOK,eAAe,EACtBF,KAAA,IAASA,KAAA,KAAU,SAASH,MAAM,CAACG,KAAA,CAAM,GAAGG,SAAA,EAC5CjC,MAAA,IAAUA,MAAA,KAAW,MAAA,GAAS2B,MAAM,CAAC3B,MAAA,CAAO,GAAGiC,SAAA,EAC/C,IAAI,CAACjB,IAAI,CAACkB,eAAe,GAAGP,MAAA,CAAOO,eAAe,GAAGD,SAAA,EACrD,IAAI,CAAChB,WAAW,GAAGU,OAAOQ,SAAS,GAAGF,SAAA,EACtC,IAAI,CAACjB,IAAI,CAACoB,YAAY,EAAEC,OAExB,IAAI,CAACrB,IAAI,CAACoB,YAAY,EAAEE,SAAA,GACpB,CAAA,CAAA,EAAI,IAAI,CAACtB,IAAI,CAACoB,YAAY,CAACE,SAAS,CAAA,CAAE,GACtC,EAAA,CAAA,CACJ;AACJ,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAA7B,SAAA,EAAA,gBAAA,EAAA,CAlBC8B,MAAA,CAAA,CAAA;AAAA;EAoBD,IACIC,YAAAA,GAAe;IACjB,MAAMd,MAAA,GAASC,oBAAA,CAAqB,IAAI,CAACd,OAAO,EAAE4B,cAAA,CAAA;AAClD,IAAA,MAAM/C,IAAA,GAAO,IAAI,CAACA,IAAI;AACtB,IAAA,IAAIgD,MAA6B;AACjC,IAAA,IAAI,CAACjD,YAAYC,IAAA,CAAA,EAAO;AACtB,MAAA,MAAMiD,KAAA,GACJ,OAAOjD,IAAA,KAAS,QAAA,IAAY,eAAA,CAAgBkD,IAAI,CAAClD,IAAA,CAAA,GAC7C,GAAGA,IAAA,CAAA,EAAA,CAAQ,GACXA,IAAA;AACNgD,MAAAA,MAAA,GAAS;AAAEG,QAAAA,QAAA,EAAUF,KAAA;AAAOG,QAAAA,SAAA,EAAWH;OAAM;AAC/C,IAAA;AACA,IAAA,OAAO,YAAYb,QAAA,CACjB,IAAI,CAACjB,OAAO,EACZa,MAAA,CAAOqB,QAAQ,EACftD,WAAA,CAAYC,QAAQgC,MAAM,CAAChC,IAAA,CAAK,GAAGgC,MAAA,CAAOsB,UAAU,EACpD,IAAI,CAACjC,IAAI,CAACkC,SAAS,GAAGvB,MAAA,CAAOuB,SAAS,GAAGjB,WACzCU,MAAA,CAAA,CAAA,CACC;AACL,EAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAA7B,SAAA,EAAA,cAAA,EAAA,CAnBC8B,MAAA,CAAA,CAAA;AAAA;EAqBD,IACIW,sBAAAA,GAAyB;IAC3B,MAAMxB,MAAA,GAASC,oBAAA,CAAqB,IAAI,CAACd,OAAO,EAAE4B,cAAA,CAAA;AAClD,IAAA,OAAO,CAAA,SAAA,EAAYX,QAAA,CAAS,IAAI,CAACjB,OAAO,EAAEa,MAAA,CAAOqB,QAAQ,EAAErB,MAAA,CAAOyB,YAAY,CAAA,CAAA,CAAG;AACnF,EAAA;AAAA,EAAA;IAAAb,CAAA,CAAA,IAAA,CAAA7B,SAAA,EAAA,wBAAA,EAAA,CAJC8B,MAAA,CAAA,CAAA;AAAA;EAMDa,aAAAA,CAAcD,YAAqB,EAAE;IACnC,MAAMzB,MAAA,GAASC,oBAAA,CAAqB,IAAI,CAACd,OAAO,EAAEwC,oBAAA,CAAA;AAClD,IAAA,OAAO,kBAAkBvB,QAAA,CACvB,IAAI,CAACjB,OAAO,EACZb,WAAA,EACA0B,MAAA,CAAO4B,cAAc,EACrB,IAAI,CAACvC,IAAI,CAACkC,SAAS,GAAGvB,MAAA,CAAO6B,cAAc,GAAG7B,MAAA,CAAO8B,WAAW,EAChE,CAACL,YAAA,IAAgB,IAAI,CAACnC,WAAW,GAAGU,MAAA,CAAOQ,SAAS,GAAGF,SAAA,CAAA,CAAA,CACtD;AACL,EAAA;EAEA,IAAIyB,iBAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACL,aAAa,CAAC,KAAA,CAAA;AAC5B,EAAA;EAEA,IAAIM,kBAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACN,aAAa,CAAC,IAAA,CAAA;AAC5B,EAAA;EAEA,IACIO,eAAAA,GAAkB;IACpB,MAAMjC,MAAA,GAASC,oBAAA,CAAqB,IAAI,CAACd,OAAO,EAAE+C,wBAAA,CAAA;AAClD,IAAA,OAAO,CAAA,qBAAA,EAAwB9B,QAAA,CAC7B,IAAI,CAACjB,OAAO,EACZa,MAAA,CAAOmC,oBAAoB,EAC3BnC,MAAA,CAAOoC,cAAc,CAAA,CAAA,CACpB;AACL,EAAA;AAAA,EAAA;IAAAxB,CAAA,CAAA,IAAA,CAAA7B,SAAA,EAAA,iBAAA,EAAA,CARC8B,MAAA,CAAA,CAAA;AAAA;EAUD,IACIwB,eAAuB;IACzB,MAAMrC,MAAA,GAASC,oBAAA,CAAqB,IAAI,CAACd,OAAO,EAAE+C,wBAAA,CAAA;IAClD,OAAO,CAAClC,MAAA,CAAOmC,oBAAoB,EAAEnC,MAAA,CAAOsC,eAAe,CAAC;AAC9D,EAAA;AAAA,EAAA;IAAA1B,CAAA,CAAA,IAAA,CAAA7B,SAAA,EAAA,cAAA,EAAA,CAJC8B,MAAA,CAAA,CAAA;AAAA;EAMD,IACI0B,cAAAA,GAAiB;IACnB,MAAMvC,MAAA,GAASC,oBAAA,CAAqB,IAAI,CAACd,OAAO,EAAEqD,qBAAA,CAAA;IAClD,OAAO,CAAA,gBAAA,EAAmBpC,QAAA,CAAS,IAAI,CAACjB,OAAO,EAAEa,MAAA,CAAOyC,eAAe,CAAA,CAAA,CAAG;AAC5E,EAAA;AAAA,EAAA;IAAA7B,CAAA,CAAA,IAAA,CAAA7B,SAAA,EAAA,gBAAA,EAAA,CAJC8B,MAAA,CAAA,CAAA;AAAA;EAMD,IACI6B,qBAAAA,GAAwB;IAC1B,MAAM1C,MAAA,GAASC,oBAAA,CAAqB,IAAI,CAACd,OAAO,EAAEqD,qBAAA,CAAA;AAClD,IAAA,OAAO,CAAA,gBAAA,EAAmBpC,QAAA,CACxB,IAAI,CAACjB,OAAO,EACZa,MAAA,CAAOyC,eAAe,EACtBzC,MAAA,CAAO2C,eAAe,CAAA,CAAA,CACrB;AACL,EAAA;AAAA,EAAA;IAAA/B,CAAA,CAAA,IAAA,CAAA7B,SAAA,EAAA,uBAAA,EAAA,CARC8B,MAAA,CAAA,CAAA;AAAA;EAUD,IACI+B,wBAAAA,GAA2B;IAC7B,MAAM5C,MAAA,GAASC,oBAAA,CACb,IAAI,CAACd,OAAO,EACZ0D,+BAAA,CAAA;IAEF,OAAO,CAAA,0BAAA,EAA6BzC,SAClC,IAAI,CAACjB,OAAO,EACZhB,WAAA,EACA6B,OAAO8C,yBAAyB,EAChC,IAAI,CAACxD,WAAW,GAAGU,MAAA,CAAOQ,SAAS,GAAGF,SAAA,CAAA,CAAA,CACrC;AACL,EAAA;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAA7B,SAAA,EAAA,0BAAA,EAAA,CAZC8B,MAAA,CAAA,CAAA;AAAA;EAcDuB,cAAA,GAAkBW,CAAG,IAAA;IACnBA,CAAA,CAAEC,cAAc,EAAA;IAChBD,CAAA,CAAEE,eAAe,EAAA;IACjB,IAAI,CAACxB,YAAY,GAAG,IAAA;AACpB,IAAA,IAAI,CAACpC,IAAI,CAAC6D,YAAY,GAAG,IAAA,CAAA;EAC3B,CAAA;EAEAZ,eAAA,GAAmBS,CAAI,IAAA;IACrBA,CAAA,EAAGC,cAAA,EAAA;IACHD,CAAA,EAAGE,eAAA,EAAA;AACH,IAAA,IAAI,CAAC,IAAI,CAACxB,YAAY,EAAE;IACxB,IAAI,CAACA,YAAY,GAAG,KAAA;AACpB,IAAA,IAAI,CAACpC,IAAI,CAAC6D,YAAY,GAAG,KAAA,CAAA;EAC3B,CAAA;EAEAC,SAAA,GAAaJ,CAAG,IAAA;IACd,IAAIA,EAAEK,GAAG,KAAK,UAAU,IAAI,CAACd,eAAe,CAACS,CAAA,CAAA;EAC/C,CAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,msFAAA,EA8GA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;sBAAAC,UAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,gBAAA;QAAA3F,aAAA;QAAA4F,EAAA;QAAAC,OAAA;QAAAC,SAAA;wBAAAC,uBAAA;QAAAC,SAAA;QAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -10,7 +10,6 @@ import argOrDefault from '../../helpers/arg-or-default.js';
 import { not } from 'ember-truth-helpers';
 import { randomId } from '../../-private/random-id.js';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
-import { ee as euiInlineEditReadModeStyles, ay as euiFormVariables } from '../../styles.generated-SYAxYhey.js';
 import { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.js';
 import EuiButtonEmpty from '../eui-button-empty.js';
 import EuiButtonIcon from '../eui-button-icon.js';
@@ -25,6 +24,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiInlineEditReadModeStyles } from '../../utils/eui/styles.generated/components/inline_edit/inline_edit_form.styles.js';
+import { euiFormVariables } from '../../utils/eui/styles.generated/shared/FF2BUTYE.js';
 
 const SMALL_SIZE_FORM = {
   iconSize: 's',