@ember-eui/core 14.1.4 → 16.0.0

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 { warn } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport { loadedIcon } from '../-private/icon-loader.ts';\nimport { emptyIcon, iconDataTypes } from '../-private/icons.ts';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport {\n  colorToClassMap,\n  typeToPathMap\n} from '../utils/css-mappings/eui-icon.ts';\nimport { keysOf } from './common.ts';\n\nimport type { EuiIconComponent } from '../-private/icons.ts';\nimport type EuiConfigService from '../services/eui-config';\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-icon.ts';\nimport type { CommonArgs } from './common.ts';\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\nexport const COLORS: NamedColor[] = keysOf(colorToClassMap);\n\ntype NamedColor = keyof typeof colorToClassMap;\n\nfunction isNamedColor(name: NamedColor | string): name is NamedColor {\n  return Object.prototype.hasOwnProperty.call(colorToClassMap, name);\n}\n\n// We accept arbitrary color strings, which are impossible to type.\ntype IconColor = string | NamedColor;\n\nexport type IconSize = keyof typeof sizeToClassNameMap;\n\nexport type EuiIconArgs = CommonArgs & {\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 color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.\n   * Note that coloring only works if your SVG is removed of fill attributes.\n   */\n  color?: IconColor;\n  /**\n   * Note that every size other than `original` assumes the provided SVG sits on a square viewbox.\n   */\n  size?: IconSize;\n\n  /**\n   * If the type is not a named eui icon, render as Svg, not as img.\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\nexport default class EuiIcon extends Component<EuiIconSignature> {\n  @service declare euiConfig: EuiConfigService;\n\n  @argOrDefaultDecorator('m') size!: IconSize;\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    if (isEuiIconType(type)) return loadedIcon(type) ?? emptyIcon;\n\n    return this.euiConfig.getConfig('euiIcon.icons')?.[type];\n  }\n\n  get dataType(): string | undefined {\n    const { type } = this.args;\n\n    return isEuiIconType(type) ? iconDataTypes[type] : undefined;\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  get icon(): IconType | ComponentLike | undefined {\n    const { type } = this.args;\n\n    if (type === null) {\n      return undefined;\n    }\n\n    //We should probably find a better way to always\n    if (isEuiIconType(type)) {\n      return this.getEuiIconSvgPath(type);\n    }\n\n    if (typeof type === 'string') {\n      return type;\n    }\n\n    return undefined;\n  }\n\n  get emptyIcon(): string {\n    return this.getEuiIconSvgPath('empty');\n  }\n\n  getEuiIconSvgPath(type: EuiIconType): string {\n    return typeToPathMap[type];\n  }\n\n  get isAppIcon(): string | boolean {\n    const { type } = this.args;\n\n    return (\n      type &&\n      typeof type === 'string' &&\n      (/.+App$/.test(type) || /.+Job$/.test(type) || type === 'dataVisualizer')\n    );\n  }\n\n  get appIconHasColor() {\n    return this.args.color && this.args.color !== 'default';\n  }\n\n  get focusable(): string {\n    const { tabIndex } = this.args;\n\n    return tabIndex == null || tabIndex === -1 ? 'false' : 'true';\n  }\n\n  // undefined (not '') when there is no custom color, so no `style`\n  // attribute is bound (a plain string triggers Ember's style binding warning)\n  get optionalCustomStyles(): ReturnType<typeof htmlSafe> | undefined {\n    const { color } = this.args;\n\n    if (color && typeof color === 'string') {\n      if (!isNamedColor(color)) {\n        return htmlSafe(`fill: ${color}`);\n      }\n    }\n\n    return undefined;\n  }\n\n  get optionalColorClass(): NamedColor | string {\n    const { color } = this.args;\n\n    if (color && typeof color === 'string') {\n      if (isNamedColor(color)) {\n        return colorToClassMap[color];\n      } else {\n        return 'euiIcon--customColor';\n      }\n    }\n\n    return '';\n  }\n\n  // If it's an empty icon, or if there is no aria-label, aria-labelledby, or title it gets aria-hidden true\n  get isAriaHidden(): boolean {\n    const { icon } = this;\n\n    return (\n      icon === 'empty' ||\n      !(\n        this.args['aria-label'] ||\n        this.args['aria-labelledby'] ||\n        this.args.title\n      )\n    );\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    const { title } = this.args;\n\n    if (!title || this.args['aria-label'] || this.args['aria-labelledby']) {\n      return undefined;\n    }\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={{classNames\n            @iconClasses\n            this.optionalColorClass\n            (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n            componentName=\"EuiIcon\"\n            size=this.size\n          }}\n          role=\"image\"\n          aria-hidden={{if this.isAriaHidden \"true\"}}\n          aria-label={{@aria-label}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          style={{this.optionalCustomStyles}}\n          color={{@color}}\n          ...attributes\n        >\n          {{#if this.titleId}}\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={{this.icon}}\n          class={{classNames\n            @iconClasses\n            this.optionalColorClass\n            (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n            componentName=\"EuiIcon\"\n            size=this.size\n          }}\n          alt={{if @title @title}}\n          {{! @glint-expect-error }}\n          tabIndex={{@tabIndex}}\n          ...attributes\n        />\n      {{else if this.iconComponent}}\n        <this.iconComponent\n          class={{classNames\n            @iconClasses\n            this.optionalColorClass\n            (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n            componentName=\"EuiIcon\"\n            size=this.size\n          }}\n          color={{@color}}\n          data-type={{this.dataType}}\n          role=\"image\"\n          aria-hidden={{if this.isAriaHidden \"true\"}}\n          aria-label={{@aria-label}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          style={{this.optionalCustomStyles}}\n          ...attributes\n        >\n          {{#if this.titleId}}\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","colorToClassMap","isNamedColor","name","Object","prototype","hasOwnProperty","call","isEuiIconType","x","EuiIcon","Component","g","service","i","argOrDefaultDecorator","iconComponent","type","args","undefined","loadedIcon","emptyIcon","euiConfig","getConfig","dataType","iconDataTypes","useImage","warn","test","id","icon","getEuiIconSvgPath","isAppIcon","appIconHasColor","color","focusable","tabIndex","optionalCustomStyles","htmlSafe","optionalColorClass","isAriaHidden","title","titleId","guidFor","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","not"],"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/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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"}

package/dist/components/eui-illustration.js

@@ -0,0 +1,42 @@
+import Component from '@glimmer/component';
+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';
+
+class EuiIllustration extends Component {
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiIllustrationStyles);
+    return euiClass(context, styles.euiIllustration, this.args.fullWidth ?? true ? styles.fullWidth : undefined, this.args.css);
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  get svg() {
+    const {
+      type
+    } = this.args;
+    const dark = getEuiThemeContext(this).colorMode === 'dark';
+    // Trusted asset markup, as upstream's dangerouslySetInnerHTML.
+    return htmlSafe(dark ? type.dark : type.light);
+  }
+  get isDecorative() {
+    return this.args.alt === '';
+  }
+  get label() {
+    return this.isDecorative ? undefined : this.args.alt ?? this.args.type.title;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<span class=\"euiIllustration {{this.classes}}\" aria-hidden={{if this.isDecorative \"true\"}} role={{unless this.isDecorative \"img\"}} aria-label={{this.label}} ...attributes>{{this.svg}}</span>", {
+      strictMode: true
+    }), this);
+  }
+}
+
+export { EuiIllustration as default };
+//# sourceMappingURL=eui-illustration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-illustration.js","sources":["../../src/components/eui-illustration.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { htmlSafe } from '@ember/template';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { euiIllustrationStyles } from '../utils/eui/styles.generated.ts';\n\nimport type { EuiCss } from '../utils/eui/styles.ts';\n\n/**\n * An illustration asset (upstream's contract, e.g. an export of\n * `@elastic/eui-illustrations`). `light` and `dark` are inlined as-is: only\n * pass trusted, package-authored SVG markup, never user-supplied markup.\n */\nexport interface EuiIllustrationType {\n  /** Unique id for the illustration. */\n  id: string;\n  /** Human-readable title, used as the default accessible label. */\n  title: string;\n  /** Trusted SVG markup for the light color mode. */\n  light: string;\n  /** Trusted SVG markup for the dark color mode. */\n  dark: string;\n}\n\n/**\n * An inline SVG illustration that follows the nearest theme's color mode.\n */\nexport interface EuiIllustrationSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * The illustration asset (`{ id, title, light, dark }`), typically\n     * imported from `@elastic/eui-illustrations`. Its markup is inlined\n     * verbatim, so it must be trusted.\n     */\n    type: EuiIllustrationType;\n    /**\n     * Accessible label; pass `''` to mark the illustration as decorative\n     * (`aria-hidden`). Defaults to the illustration's `title`.\n     */\n    alt?: string;\n    /**\n     * When `true`, the SVG stretches to the container's full width; when\n     * `false`, it keeps its intrinsic width. Defaults to `true`.\n     */\n    fullWidth?: boolean;\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop).\n     */\n    css?: EuiCss;\n  };\n}\n\nexport default class EuiIllustration extends Component<EuiIllustrationSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiIllustrationStyles);\n    return euiClass(\n      context,\n      styles.euiIllustration,\n      (this.args.fullWidth ?? true) ? styles.fullWidth : undefined,\n      this.args.css\n    );\n  }\n\n  get svg() {\n    const { type } = this.args;\n    const dark = getEuiThemeContext(this).colorMode === 'dark';\n    // Trusted asset markup, as upstream's dangerouslySetInnerHTML.\n    return htmlSafe(dark ? type.dark : type.light);\n  }\n\n  get isDecorative() {\n    return this.args.alt === '';\n  }\n\n  get label() {\n    return this.isDecorative ? undefined : (this.args.alt ?? this.args.type.title);\n  }\n\n  <template>\n    <span\n      class=\"euiIllustration {{this.classes}}\"\n      aria-hidden={{if this.isDecorative \"true\"}}\n      role={{unless this.isDecorative \"img\"}}\n      aria-label={{this.label}}\n      ...attributes\n    >{{this.svg}}</span>\n  </template>\n}\n"],"names":["EuiIllustration","Component","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiIllustrationStyles","euiClass","euiIllustration","args","fullWidth","undefined","css","n","prototype","cached","svg","type","dark","colorMode","htmlSafe","light","isDecorative","alt","label","title","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;AAwDe,MAAMA,wBAAwBC,SAAA,CAAU;EACrD,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,qBAAA,CAAA;IAC7C,OAAOC,QAAA,CACLL,SACAE,MAAA,CAAOI,eAAe,EACrB,IAAI,CAACC,IAAI,CAACC,SAAS,IAAI,IAAI,GAAIN,OAAOM,SAAS,GAAGC,WACnD,IAAI,CAACF,IAAI,CAACG,GAAG,CAAA;AAEjB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAVCC,MAAA,CAAA,CAAA;AAAA;EAYD,IAAIC,GAAAA,GAAM;IACR,MAAM;AAAEC,MAAAA;KAAM,GAAG,IAAI,CAACR,IAAI;IAC1B,MAAMS,IAAA,GAAOf,kBAAA,CAAmB,IAAI,CAAA,CAAEgB,SAAS,KAAK,MAAA;AACpD;IACA,OAAOC,SAASF,IAAA,GAAOD,IAAA,CAAKC,IAAI,GAAGD,KAAKI,KAAK,CAAA;AAC/C,EAAA;EAEA,IAAIC,YAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACb,IAAI,CAACc,GAAG,KAAK,EAAA;AAC3B,EAAA;EAEA,IAAIC,KAAAA,GAAQ;AACV,IAAA,OAAO,IAAI,CAACF,YAAY,GAAGX,SAAA,GAAa,IAAI,CAACF,IAAI,CAACc,GAAG,IAAI,IAAI,CAACd,IAAI,CAACQ,IAAI,CAACQ,KAAK;AAC/E,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,sMAAA,EAQA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-image.js

@@ -1,75 +1,201 @@
 import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { hash } from '@ember/helper';
+import { tracked, cached } from '@glimmer/tracking';
+import { hash, get } from '@ember/helper';
 import { on } from '@ember/modifier';
-import { action } from '@ember/object';
-import { htmlSafe } from '@ember/template';
+import { service } from '@ember/service';
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
 import { focusTrap } from 'ember-focus-trap';
-import onKey from 'ember-keyboard/modifiers/on-key';
-import { notEq, or, eq } from 'ember-truth-helpers';
-import { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
-import { sizeMapping } from '../utils/css-mappings/eui-image.js';
+import spreadAttributes from '../-private/eui-spread-attributes.js';
+import { focusTrapFactory } from '../-private/focus-trap-registry.js';
+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';
+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';
 
+const IMAGE_SIZES = ['s', 'm', 'l', 'xl', 'original', 'fullWidth'];
+function isNamedSize(size) {
+  return IMAGE_SIZES.includes(size);
+}
+// React's global reset zeroes figure margins and strips button chrome.
+/** `wrapperProps` keys handled by the template, not spread as attributes. */
+const WRAPPER_PROPS = ['id', 'role', 'aria-label', 'data-test-subj', 'style'];
+const figureReset = {
+  boxSizing: 'border-box',
+  margin: 0
+};
+const buttonReset = {
+  boxSizing: 'border-box',
+  margin: 0,
+  padding: 0,
+  border: 'none',
+  background: 'none',
+  color: 'inherit',
+  font: 'inherit'
+};
+/**
+ * Upstream's `wrapperProps` for the `<figure>`. The keys below are
+ * handled; any other key with a string, number or boolean value is set
+ * as an attribute of the figure (upstream spreads `wrapperProps`).
+ */
+
+/** An image with an optional caption, shadow and full screen view. */
+
 class EuiImage extends Component {
   static {
-    g(this.prototype, "isFullscreen", [tracked], function () {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  static {
+    g(this.prototype, "isFullScreen", [tracked], function () {
       return false;
     });
   }
-  #isFullscreen = (i(this, "isFullscreen"), void 0);
+  #isFullScreen = (i(this, "isFullScreen"), void 0);
+  get context() {
+    return getEuiThemeContext(this);
+  }
+  get size() {
+    return this.args.size ?? 'original';
+  }
+  get isFullWidth() {
+    return this.size === 'fullWidth';
+  }
+  get iconColor() {
+    return this.args.fullScreenIconColor === 'dark' ? 'default' : 'ghost';
+  }
+  get openInstructions() {
+    return this.euiI18n.lookupToken('euiImageButton.openFullScreen', 'Click to open this image in fullscreen mode');
+  }
+  get closeInstructions() {
+    return this.euiI18n.lookupToken('euiImageButton.closeFullScreen', 'Press Escape or click to close image fullscreen mode');
+  }
+  get screenReaderClasses() {
+    return euiScreenReaderOnlyClass(this.context);
+  }
+  get wrapperClasses() {
+    const styles = useEuiBorealisStyles(this.context, euiImageWrapperStyles);
+    const {
+      float,
+      margin
+    } = this.args;
+    return `euiImageWrapper ${euiClass(this.context, figureReset, styles.euiImageWrapper, float && float !== 'none' ? styles[float] : undefined, margin && margin !== 'none' ? styles[margin] : undefined, this.args.allowFullScreen ? styles.allowFullScreen : undefined, this.isFullWidth ? styles.fullWidth : undefined, this.args.wrapperProps?.css)}${this.args.wrapperProps?.className ? ` ${this.args.wrapperProps.className}` : ''}`;
+  }
   static {
-    g(this.prototype, "size", [argOrDefaultDecorator('original')]);
-  }
-  #size = (i(this, "size"), void 0);
-  get sizeClass() {
-    return sizeMapping[this.size];
-  }
-  // undefined (not '') without a size: a plain string bound to `style`
-  // makes Ember warn about XSS
-  get sizeStyle() {
-    const size = this.args.size;
-    if ((typeof size === 'string' || typeof size === 'number') && !this.sizeClass) {
-      return htmlSafe(`max-height:${this.args.size}px; max-width:${this.args.size}px; width:auto;`);
+    n(this.prototype, "wrapperClasses", [cached]);
+  }
+  get imageClasses() {
+    const styles = useEuiBorealisStyles(this.context, euiImageStyles);
+    const size = this.size;
+    let custom;
+    if (!isNamedSize(size)) {
+      const value = typeof size === 'number' || /^\d+(\.\d+)?$/.test(size) ? `${size}px` : size;
+      custom = {
+        maxWidth: value,
+        maxHeight: value
+      };
     }
-    return undefined;
+    return `euiImage ${euiClass(this.context, styles.euiImage, isNamedSize(size) ? styles[size] : styles.customSize, this.args.hasShadow ? styles.hasShadow : undefined, custom)}`;
   }
-  toggleFullscreen(e) {
-    e.stopPropagation();
-    e.preventDefault();
-    this.isFullscreen = !this.isFullscreen;
+  static {
+    n(this.prototype, "imageClasses", [cached]);
+  }
+  get fullScreenImageClasses() {
+    const styles = useEuiBorealisStyles(this.context, euiImageStyles);
+    return `euiImage ${euiClass(this.context, styles.euiImage, styles.isFullScreen)}`;
   }
   static {
-    n(this.prototype, "toggleFullscreen", [action]);
+    n(this.prototype, "fullScreenImageClasses", [cached]);
   }
-  get sizeString() {
-    if (typeof this.args.size === 'string') {
-      return this.args.size;
-    }
+  buttonClasses(isFullScreen) {
+    const styles = useEuiBorealisStyles(this.context, euiImageButtonStyles);
+    return `euiImageButton ${euiClass(this.context, buttonReset, styles.euiImageButton, this.args.hasShadow ? styles.hasShadowHover : styles.shadowHover, !isFullScreen && this.isFullWidth ? styles.fullWidth : undefined)}`;
+  }
+  get openButtonClasses() {
+    return this.buttonClasses(false);
   }
+  get closeButtonClasses() {
+    return this.buttonClasses(true);
+  }
+  get openIconClasses() {
+    const styles = useEuiBorealisStyles(this.context, euiImageButtonIconStyles);
+    return `euiImageButton__icon ${euiClass(this.context, styles.euiImageButton__icon, styles.openFullScreen)}`;
+  }
+  static {
+    n(this.prototype, "openIconClasses", [cached]);
+  }
+  get closeIconCss() {
+    const styles = useEuiBorealisStyles(this.context, euiImageButtonIconStyles);
+    return [styles.euiImageButton__icon, styles.closeFullScreen];
+  }
+  static {
+    n(this.prototype, "closeIconCss", [cached]);
+  }
+  get captionClasses() {
+    const styles = useEuiBorealisStyles(this.context, euiImageCaptionStyles);
+    return `euiImageCaption ${euiClass(this.context, styles.euiImageCaption)}`;
+  }
+  static {
+    n(this.prototype, "captionClasses", [cached]);
+  }
+  get overlayCaptionClasses() {
+    const styles = useEuiBorealisStyles(this.context, euiImageCaptionStyles);
+    return `euiImageCaption ${euiClass(this.context, styles.euiImageCaption, styles.isOnOverlayMask)}`;
+  }
+  static {
+    n(this.prototype, "overlayCaptionClasses", [cached]);
+  }
+  get fullScreenWrapperClasses() {
+    const styles = useEuiBorealisStyles(this.context, euiImageFullscreenWrapperStyles);
+    return `euiImageFullScreenWrapper ${euiClass(this.context, figureReset, styles.euiImageFullscreenWrapper, this.isFullWidth ? styles.fullWidth : undefined)}`;
+  }
+  static {
+    n(this.prototype, "fullScreenWrapperClasses", [cached]);
+  }
+  openFullScreen = e => {
+    e.preventDefault();
+    e.stopPropagation();
+    this.isFullScreen = true;
+    this.args.onFullScreen?.(true);
+  };
+  closeFullScreen = e => {
+    e?.preventDefault();
+    e?.stopPropagation();
+    if (!this.isFullScreen) return;
+    this.isFullScreen = false;
+    this.args.onFullScreen?.(false);
+  };
+  onKeyDown = e => {
+    if (e.key === 'Escape') this.closeFullScreen(e);
+  };
   static {
-    setComponentTemplate(precompileTemplate("{{#if @allowFullScreen}}\n  <figure class={{classNames \"euiImage--allowFullScreen\" (unless (eq @hasShadow false) \"euiImage--hasShadow\") float=@float margin=@margin componentName=\"EuiImage\" size=this.sizeString}} {{!--@glint-expect-error--}} ...attributes>\n\n    <button class=\"euiImage__button\" type=\"button\" aria-label={{@ariaLabel}} {{on \"click\" this.toggleFullscreen}}>\n      <img src={{or @src @url}} class=\"euiImage__img\" style={{this.sizeStyle}} alt={{@alt}} />\n      <EuiIcon @iconClasses=\"euiImage__icon\" @type=\"fullScreen\" @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}} />\n    </button>\n\n    {{#if @caption}}\n      <figcaption class=\"euiImage__caption\">\n        {{@caption}}\n      </figcaption>\n    {{/if}}\n  </figure>\n\n{{else}}\n\n  <figure class={{classNames (unless (eq @hasShadow false) \"euiImage--hasShadow\") float=@float margin=@margin componentName=\"EuiImage\" size=this.sizeString}} {{!--@glint-expect-error--}} ...attributes>\n\n    <img src={{or @src @url}} class=\"euiImage__img\" style={{this.sizeStyle}} alt={{@alt}} />\n\n    {{#if @caption}}\n      <figcaption class=\"euiImage__caption\">\n        {{@caption}}\n      </figcaption>\n    {{/if}}\n  </figure>\n\n{{/if}}\n\n{{#if this.isFullscreen}}\n  <EuiOverlayMask @headerZindexLocation=\"above\" @onClick={{this.toggleFullscreen}}>\n    <figure class=\"euiImage euiImage-isFullScreen\" {{focusTrap focusTrapOptions=(hash clickOutsideDeactivates=true)}}>\n      <button class=\"euiImage__button\" type=\"button\" {{on \"click\" this.toggleFullscreen}} {{onKey \"Escape\" this.toggleFullscreen}}>\n        <img class=\"euiImage-isFullScreen__img\" src={{or @src @url}} alt={{@alt}} />\n      </button>\n      <figcaption class=\"euiImage__caption\">\n        {{@caption}}\n      </figcaption>\n    </figure>\n    <EuiIcon @iconClasses=\"euiImage-isFullScreenCloseIcon\" @type=\"cross\" @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}} />\n  </EuiOverlayMask>\n{{/if}}", {
+    setComponentTemplate(precompileTemplate("<EuiInnerText as |captionRef captionText|>\n<figure class={{this.wrapperClasses}} id={{@wrapperProps.id}} role={{@wrapperProps.role}} data-test-subj={{get @wrapperProps \"data-test-subj\"}} aria-label={{or (get @wrapperProps \"aria-label\") @caption captionText undefined}} {{style @wrapperProps.style}} {{spreadAttributes @wrapperProps WRAPPER_PROPS}}>\n  {{#if @allowFullScreen}}\n    <button class={{this.openButtonClasses}} type=\"button\" aria-label={{@ariaLabel}} data-test-subj=\"activateFullScreenButton\" {{on \"click\" this.openFullScreen}}>\n      <img class={{this.imageClasses}} src={{or @src @url}} alt={{@alt}} width={{@width}} ...attributes />\n      <span class={{this.openIconClasses}}>\n        <span class={{this.screenReaderClasses}}>\n          {{~if @alt \" \u2014 \"}}{{this.openInstructions~}}\n        </span>\n        <EuiIcon @type=\"fullScreen\" @color={{this.iconColor}} />\n      </span>\n    </button>\n  {{else}}\n    <img class={{this.imageClasses}} src={{or @src @url}} alt={{@alt}} width={{@width}} ...attributes />\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 data-test-subj=\"fullScreenOverlayMask\" @onClick={{this.closeFullScreen}}>\n    <EuiInnerText as |overlayCaptionRef overlayCaptionText|>\n    <figure class={{this.fullScreenWrapperClasses}} aria-label={{or @caption overlayCaptionText undefined}} {{focusTrap _createFocusTrap=focusTrapFactory focusTrapOptions=(hash clickOutsideDeactivates=true escapeDeactivates=false)}}>\n      <button class={{this.closeButtonClasses}} type=\"button\" data-test-subj=\"deactivateFullScreenButton\" {{on \"click\" this.closeFullScreen}} {{on \"keydown\" this.onKeyDown}}>\n        <span class={{this.screenReaderClasses}}>\n          {{~this.closeInstructions}}{{if @alt \" \u2014 \"~}}\n        </span>\n        <img class={{this.fullScreenImageClasses}} src={{or @src @url}} alt={{@alt}} width={{@width}} ...attributes />\n      </button>\n      {{#if (or @caption (has-block \"caption\"))}}\n        <figcaption class={{this.overlayCaptionClasses}} {{didInsert overlayCaptionRef}}>\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 class=\"euiImageButton__icon\" @css={{this.closeIconCss}} @type=\"fullScreenExit\" @color=\"ghost\" />\n  </EuiOverlayMask>\n{{/if}}", {
       strictMode: true,
       scope: () => ({
-        classNames,
-        eq,
-        on,
+        EuiInnerText: EuiImage$1,
+        get,
         or,
+        style,
+        spreadAttributes,
+        WRAPPER_PROPS,
+        on,
         EuiIcon,
-        notEq,
+        didInsert,
         EuiOverlayMask: EuiOverlayMaskComponent,
         focusTrap,
-        hash,
-        onKey
+        focusTrapFactory,
+        hash
       })
     }), this);
   }
 }
 
-export { EuiImage as default };
+export { IMAGE_SIZES, EuiImage as default };
 //# sourceMappingURL=eui-image.js.map

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 { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { htmlSafe } from '@ember/template';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { eq, notEq, or } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-image.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\n\ntype EuiImageSize = keyof typeof sizeMapping;\n\ntype ImageSize = EuiImageSize | number;\n\ntype FullScreenIconColor = 'light' | 'dark';\n\ntype ImageArgs = {\n  /**\n   * Separate from the caption is a title on the alt tag itself.\n   * This one is required for accessibility.\n   */\n  alt: string;\n\n  /**\n   * `'s'` (100px), `'m'` (200px), `'l'` (360px), `'xl'` (600px),\n   * `'fullWidth'`, `'original'`, or a number for a max size in px.\n   * Defaults to `'original'`.\n   */\n  size?: ImageSize | number | string;\n\n  /**\n   * Changes the color of the icon that floats above the image when it can be clicked to fullscreen.\n   * The default value of `light` is fine unless your image has a white background, in which case you should change it to `dark`.\n   */\n  fullScreenIconColor?: FullScreenIconColor;\n\n  /** URL of the image. */\n  url: string;\n\n  /**\n   * Provides the visible caption to the image\n   */\n  caption?: string;\n  /**\n   * When set to `true` (default) will apply a slight shadow to the image\n   */\n  hasShadow?: boolean;\n  /**\n   * When set to `true` will make the image clickable to a larger version\n   */\n  allowFullScreen?: boolean;\n\n  /** Floats the image `'left'` or `'right'` of the text around it. */\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`). */\n  ariaLabel?: string;\n\n  /** Same as `@url`. */\n  src?: string;\n};\n\n/** An image with an optional caption, shadow and full screen view. */\nexport interface EuiImageSignature {\n  Element: HTMLElement;\n  Args: ImageArgs;\n  Blocks: {\n    /** Unused. */\n    default: [];\n  };\n}\n\nexport default class EuiImage extends Component<ImageArgs> {\n  @tracked isFullscreen = false;\n  @argOrDefaultDecorator('original') size!: ImageArgs['size'];\n\n  get sizeClass(): string | undefined {\n    return sizeMapping[this.size as EuiImageSize];\n  }\n\n  // undefined (not '') without a size: a plain string bound to `style`\n  // makes Ember warn about XSS\n  get sizeStyle(): ReturnType<typeof htmlSafe> | undefined {\n    const size = this.args.size;\n\n    if (\n      (typeof size === 'string' || typeof size === 'number') &&\n      !this.sizeClass\n    ) {\n      return htmlSafe(\n        `max-height:${this.args.size}px; max-width:${this.args.size}px; width:auto;`\n      );\n    }\n\n    return undefined;\n  }\n\n  @action\n  toggleFullscreen(e: Event): void {\n    e.stopPropagation();\n    e.preventDefault();\n    this.isFullscreen = !this.isFullscreen;\n  }\n\n  get sizeString() {\n    if (typeof this.args.size === 'string') {\n      return this.args.size;\n    }\n  }\n\n  <template>\n    {{#if @allowFullScreen}}\n      <figure\n        class={{classNames\n          \"euiImage--allowFullScreen\"\n          (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n          float=@float\n          margin=@margin\n          componentName=\"EuiImage\"\n          size=this.sizeString\n        }}\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n\n        <button\n          class=\"euiImage__button\"\n          type=\"button\"\n          aria-label={{@ariaLabel}}\n          {{on \"click\" this.toggleFullscreen}}\n        >\n          <img\n            src={{or @src @url}}\n            class=\"euiImage__img\"\n            style={{this.sizeStyle}}\n            alt={{@alt}}\n          />\n          <EuiIcon\n            @iconClasses=\"euiImage__icon\"\n            @type=\"fullScreen\"\n            @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n          />\n        </button>\n\n        {{#if @caption}}\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        {{/if}}\n      </figure>\n\n    {{else}}\n\n      <figure\n        class={{classNames\n          (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n          float=@float\n          margin=@margin\n          componentName=\"EuiImage\"\n          size=this.sizeString\n        }}\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n\n        <img\n          src={{or @src @url}}\n          class=\"euiImage__img\"\n          style={{this.sizeStyle}}\n          alt={{@alt}}\n        />\n\n        {{#if @caption}}\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        {{/if}}\n      </figure>\n\n    {{/if}}\n\n    {{#if this.isFullscreen}}\n      <EuiOverlayMask\n        @headerZindexLocation=\"above\"\n        @onClick={{this.toggleFullscreen}}\n      >\n        <figure\n          class=\"euiImage euiImage-isFullScreen\"\n          {{focusTrap focusTrapOptions=(hash clickOutsideDeactivates=true)}}\n        >\n          <button\n            class=\"euiImage__button\"\n            type=\"button\"\n            {{on \"click\" this.toggleFullscreen}}\n            {{onKey \"Escape\" this.toggleFullscreen}}\n          >\n            <img\n              class=\"euiImage-isFullScreen__img\"\n              src={{or @src @url}}\n              alt={{@alt}}\n            />\n          </button>\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        </figure>\n        <EuiIcon\n          @iconClasses=\"euiImage-isFullScreenCloseIcon\"\n          @type=\"cross\"\n          @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n        />\n      </EuiOverlayMask>\n    {{/if}}\n  </template>\n}\n"],"names":["EuiImage","Component","g","prototype","tracked","i","argOrDefaultDecorator","sizeClass","sizeMapping","size","sizeStyle","args","htmlSafe","undefined","toggleFullscreen","e","stopPropagation","preventDefault","isFullscreen","n","action","sizeString","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","on","or","EuiIcon","notEq","EuiOverlayMask","focusTrap","hash","onKey"],"mappings":";;;;;;;;;;;;;;;;;;AAkFe,MAAMA,iBAAiBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAC7CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAuB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,aAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,MAAA,EAAA,CACvBG,qBAAA,CAAsB,UAAA,CAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEvB,IAAIE,SAAAA,GAAgC;AAClC,IAAA,OAAOC,WAAW,CAAC,IAAI,CAACC,IAAI,CAAiB;AAC/C,EAAA;AAEA;AACA;EACA,IAAIC,SAAAA,GAAqD;AACvD,IAAA,MAAMD,IAAA,GAAO,IAAI,CAACE,IAAI,CAACF,IAAI;AAE3B,IAAA,IACE,CAAC,OAAOA,IAAA,KAAS,QAAA,IAAY,OAAOA,IAAA,KAAS,QAAQ,KACrD,CAAC,IAAI,CAACF,SAAS,EACf;AACA,MAAA,OAAOK,SACL,CAAA,WAAA,EAAc,IAAI,CAACD,IAAI,CAACF,IAAI,CAAA,cAAA,EAAiB,IAAI,CAACE,IAAI,CAACF,IAAI,iBAAiB,CAAA;AAEhF,IAAA;AAEA,IAAA,OAAOI,SAAA;AACT,EAAA;EAGAC,gBAAAA,CAAiBC,CAAQ,EAAQ;IAC/BA,CAAA,CAAEC,eAAe,EAAA;IACjBD,CAAA,CAAEE,cAAc,EAAA;AAChB,IAAA,IAAI,CAACC,YAAY,GAAG,CAAC,IAAI,CAACA,YAAY;AACxC,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,kBAAA,EAAA,CALCiB,MAAA,CAAA,CAAA;AAAA;EAOD,IAAIC,UAAAA,GAAa;IACf,IAAI,OAAO,IAAI,CAACV,IAAI,CAACF,IAAI,KAAK,QAAA,EAAU;AACtC,MAAA,OAAO,IAAI,CAACE,IAAI,CAACF,IAAI;AACvB,IAAA;AACF,EAAA;AAEA,EAAA;IAAAa,oBAAA,CAAAC,kBAAA,CAAA,y9DAAA,EAuGA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,KAAA;wBAAAC,uBAAA;QAAAC,SAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"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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"}