@ember-eui/core 15.0.0 → 16.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"eui-list-group-item.js","sources":["../../src/components/eui-list-group-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n  colorMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-list-group-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiListGroupItemSignature {\n  Element:\n    | HTMLLIElement\n    | HTMLAnchorElement\n    | HTMLButtonElement\n    | HTMLSpanElement;\n  Args: {\n    /** Makes the item a link. */\n    href?: string;\n    /** `target` of the `@href` link. */\n    target?: string;\n    /** Makes the item a button calling this function. */\n    onClick?: (event: MouseEvent) => void;\n    /** The item's text. */\n    label?: string;\n    /** Icon before the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Highlights the item, e.g. the current page. */\n    isActive?: boolean;\n    /** Disables the item. */\n    isDisabled?: boolean;\n    /** Wraps long text instead of truncating it. */\n    wrapText?: boolean;\n    /**\n     * A component rendered at the end of the item, e.g. an\n     * `EuiButtonIcon` to pin it (use `(component EuiButtonIcon …)`).\n     */\n    extraAction?: ComponentLike;\n    /** `'xs'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. */\n    size?: keyof typeof sizeMapping;\n    /**\n     * `'inherit'`, `'primary'`, `'text'`, `'subdued'` or `'ghost'`.\n     * Defaults to `'inherit'`.\n     */\n    color?: keyof typeof colorMapping;\n  };\n  Blocks: {\n    /** Custom content instead of `@label`. */\n    default: [];\n  };\n}\n\nconst EuiListGroupItem: TemplateOnlyComponent<EuiListGroupItemSignature> =\n  <template>\n    <li\n      class={{classNames\n        (if (or @href @onClick) \"euiListGroupItem-isClickable\")\n        (if @isActive \"euiListGroupItem-isActive\")\n        (if @isDisabled \"euiListGroupItem-isDisabled\")\n        (if @wrapText \"euiListGroupItem-wrapText\")\n        componentName=\"EuiListGroupItem\"\n        size=(argOrDefault @size \"m\")\n        color=(argOrDefault @color \"inherit\")\n      }}\n    >\n      {{#if (and @href (not @isDisabled))}}\n        <a\n          class=\"euiListGroupItem__button\"\n          href={{@href}}\n          target={{@target}}\n          {{on \"click\" (optional @onClick)}}\n          ...attributes\n        >\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiListGroupItem__icon\"\n              @type={{@iconType}}\n            />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </a>\n      {{else if (or @onClick (and @href @isDisabled))}}\n        <button\n          class=\"euiListGroupItem__button\"\n          type=\"button\"\n          disabled={{eq @isDisabled true}}\n          {{on \"click\" (optional @onClick)}}\n          ...attributes\n        >\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiListGroupItem__icon\"\n              @type={{@iconType}}\n              @color=\"inherit\"\n            />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </button>\n      {{else}}\n        <span class=\"euiListGroupItem__text\" ...attributes>\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiListGroupItem__icon\"\n              @type={{@iconType}}\n              @color=\"inherit\"\n            />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </span>\n      {{/if}}\n      {{#if @extraAction}}\n        {{#let\n          (component @extraAction)\n          as |ExtraAction|\n        }}\n          <ExtraAction />\n        {{/let}}\n\n      {{/if}}\n    </li>\n  </template>;\n\nexport default EuiListGroupItem;\n"],"names":["EuiListGroupItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","argOrDefault","and","not","on","optional","EuiIcon","eq","templateOnly"],"mappings":";;;;;;;;;;AA2DA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,+0DAAA,EAqFA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-list-group-item.js","sources":["../../src/components/eui-list-group-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { guidFor } from '@ember/object/internals';\n\nimport { modifier } from 'ember-modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport euiDisabledElement from '../-private/eui-disabled-element.ts';\nimport EuiMaybeToolTip from '../-private/eui-maybe-tool-tip.gts';\nimport spreadAttributes from '../-private/eui-spread-attributes.ts';\nimport { listGroupContext } from '../-private/eui-list-context.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 {\n  euiListGroupItemExtraActionStyles,\n  euiListGroupItemTooltipStyles,\n  euiListGroupItemStyles,\n  euiListItemLayoutStyles,\n  euiListItemLayoutWrapperStyles,\n  euiScreenReaderOnly\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport { getSecureRelForTarget, isValidHref } from './eui-link.gts';\n\nimport type { EuiButtonIconSignature } from './eui-button-icon';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTooltipArgs } from './eui-tool-tip.gts';\nimport type { CSSInterpolation } from '@emotion/css/create-instance';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\n/** Upstream list item colors (plus the Ember `inherit`/`ghost` extensions). */\nexport type EuiListGroupItemColor =\n  | 'primary'\n  | 'text'\n  | 'subdued'\n  | 'inherit'\n  | 'ghost';\n\n/**\n * Upstream `extraAction` props: an `EuiButtonIcon` rendered after the item,\n * shown on hover/focus of the item unless `alwaysShow`.\n */\nexport interface EuiListGroupItemExtraActionProps {\n  iconType: EuiIconSignature['Args']['type'];\n  /** Keeps the action visible instead of only on hover/focus. */\n  alwaysShow?: boolean;\n  onClick?: (event: MouseEvent) => void;\n  isDisabled?: boolean;\n  'aria-label'?: string;\n  title?: string;\n  color?: string;\n  iconSize?: EuiButtonIconSignature['Args']['iconSize'];\n  size?: EuiButtonIconSignature['Args']['size'];\n  display?: EuiButtonIconSignature['Args']['display'];\n  className?: string;\n  /**\n   * Styles composed after the upstream extra-action styles (upstream's\n   * `css` prop on the action).\n   */\n  css?: EuiCss;\n  'data-test-subj'?: string;\n}\n\n/**\n * Upstream `iconProps` (EuiIcon props without `type`) for the `@iconType`\n * icon, or the `css`/`className` of the `@icon` component.\n */\nexport interface EuiListGroupItemIconProps {\n  /** Defaults to `'inherit'` (the item's color). */\n  color?: EuiIconSignature['Args']['color'];\n  size?: EuiIconSignature['Args']['size'];\n  title?: string;\n  titleId?: string;\n  /** Styles composed into the icon's class (upstream `css`). */\n  css?: EuiCss;\n  className?: string;\n  /** Other keys (`aria-*`, `data-*`, …) become attributes of the icon. */\n  [attribute: string]: unknown;\n}\n\n/** Keys of `@iconProps` that are EuiIcon args, not attributes. */\nconst ICON_ARGS = ['color', 'size', 'title', 'titleId', 'type'] as const;\n\nexport interface EuiListGroupItemSignature {\n  Element:\n    | HTMLLIElement\n    | HTMLAnchorElement\n    | HTMLButtonElement\n    | HTMLSpanElement;\n  Args: {\n    /** Makes the item a link. A `javascript:` URL disables the item. */\n    href?: string;\n    /** `target` of the `@href` link. `'_blank'` adds the external icon. */\n    target?: string;\n    /** `rel` of the link; `noreferrer` (and `noopener` for `_blank`) is added. */\n    rel?: string;\n    /** Shows the external link icon; defaults to `true` for `_blank`. */\n    external?: boolean;\n    /** Makes the item a button calling this function. */\n    onClick?: (event: MouseEvent) => void;\n    /** The item's text. */\n    label?: string;\n    /** Icon before the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /**\n     * Args for the `@iconType` icon (upstream `iconProps`): `color`\n     * (defaults to `'inherit'`), `size`, `title`, `css`, `className` and\n     * any attribute. With `@icon`, only `css` applies, as upstream.\n     */\n    iconProps?: EuiListGroupItemIconProps;\n    /**\n     * Custom icon (upstream's `icon` node): a component, e.g.\n     * `(component EuiAvatar name=\"Jane\" size=\"s\")`, rendered with the\n     * `euiListGroupItem__icon` class. `@iconType` wins when both are set.\n     */\n    icon?: ComponentLike<{ Element: Element }>;\n    /** Highlights the item and sets `aria-current`, e.g. the current page. */\n    isActive?: boolean;\n    /** Disables the item. A disabled link renders a disabled `<button>`. */\n    isDisabled?: boolean;\n    /**\n     * With `@isDisabled`, a link or button item stays focusable and gets\n     * `aria-disabled` instead of `disabled` (e.g. so its tooltip still\n     * shows); clicks and key presses are blocked.\n     */\n    hasAriaDisabled?: boolean;\n    /**\n     * Wraps long text instead of truncating it. Defaults to `false`. (The\n     * list's `@wrapText` reaches only its `@listItems`, as upstream.)\n     */\n    wrapText?: boolean;\n    /**\n     * Rendered after the item: upstream's props object for an\n     * `EuiButtonIcon` (`{ iconType, alwaysShow, onClick, 'aria-label', … }`),\n     * or any component (use `(component …)`).\n     */\n    extraAction?: ComponentLike | EuiListGroupItemExtraActionProps;\n    /**\n     * Shows a tooltip with the label (or `@toolTipText`) on hover and focus.\n     * Defaults to the list's `@showToolTips`, else `false`.\n     */\n    showToolTip?: boolean;\n    /**\n     * Text of the tooltip shown by `@showToolTip`. Defaults to the label:\n     * the block's content when there is a block, else `@label`.\n     */\n    toolTipText?: string;\n    /**\n     * Customizes the tooltip shown by `@showToolTip`: the args of\n     * `EuiToolTip` as an object (`position` defaults to `'right'`).\n     */\n    toolTipProps?: Partial<EuiTooltipArgs>;\n    /** @deprecated Has no effect: latest EUI list items have one size. */\n    size?: 'xs' | 's' | 'm' | 'l';\n    /**\n     * `'text'`, `'primary'` or `'subdued'`; `'inherit'` takes the parent's\n     * color and `'ghost'` renders as `'text'` (latest EUI dropped it).\n     * Defaults to the list's `@color`, else `'text'`.\n     */\n    color?: EuiListGroupItemColor | (string & {});\n  };\n  Blocks: {\n    /**\n     * Custom content instead of `@label` (upstream's `label` node). It is\n     * also the tooltip's content without `@toolTipText`, and its text is the\n     * `title` of a truncated label.\n     */\n    default: [];\n  };\n}\n\n/**\n * Upstream `EuiListItemLayout` sets the tooltip id on a plain `<li>` (the\n * tooltip is inside it): `classNames(tooltipId, aria-describedby)`. Only the\n * id added here is removed again.\n */\nconst describedByToolTip = modifier(\n  (element: HTMLElement, [id]: [string | undefined]) => {\n    if (!id) return;\n    const current = (element.getAttribute('aria-describedby') ?? '')\n      .split(/\\s+/)\n      .filter(Boolean);\n    if (current.includes(id)) return;\n    element.setAttribute('aria-describedby', [id, ...current].join(' '));\n    return () => {\n      const remaining = (element.getAttribute('aria-describedby') ?? '')\n        .split(/\\s+/)\n        .filter((token) => token && token !== id);\n      if (remaining.length) {\n        element.setAttribute('aria-describedby', remaining.join(' '));\n      } else {\n        element.removeAttribute('aria-describedby');\n      }\n    };\n  }\n);\n\nfunction isPlainObject(\n  value: unknown\n): value is EuiListGroupItemExtraActionProps {\n  if (!value || typeof value !== 'object') return false;\n  const proto = Object.getPrototypeOf(value) as unknown;\n  return proto === Object.prototype || proto === null;\n}\n\ninterface ContentSignature {\n  Args: {\n    contentClass: string;\n    prependClass: string;\n    textClass: string;\n    iconType?: EuiIconSignature['Args']['type'];\n    iconProps?: EuiListGroupItemIconProps;\n    iconCss?: EuiCss;\n    icon?: ComponentLike<{ Element: Element }>;\n    iconClass?: string;\n    title?: string;\n    showExternal: boolean;\n    newTab: boolean;\n    externalIconCss: EuiCss;\n    srOnlyClass: string;\n    /** Tracks the label's text (`EuiInnerText`) for its `title`. */\n    textRef?: (element: HTMLElement) => void;\n  };\n  Blocks: { default: []; after: [] };\n}\n\n/** Hands the label's element to `EuiInnerText` when there is a ref. */\nconst textRef = modifier(\n  (element: HTMLElement, [ref]: [((element: HTMLElement) => void) | undefined]) => {\n    ref?.(element);\n  }\n);\n\nconst Content: TemplateOnlyComponent<ContentSignature> = <template>\n  <span class={{@contentClass}}>\n    {{#if @iconType}}\n      <span class={{@prependClass}}>\n        <EuiIcon\n          class=\"euiListGroupItem__icon {{@iconProps.className}}\"\n          @type={{@iconType}}\n          @color={{if @iconProps.color @iconProps.color \"inherit\"}}\n          @size={{@iconProps.size}}\n          @title={{@iconProps.title}}\n          @titleId={{@iconProps.titleId}}\n          @css={{@iconCss}}\n          {{spreadAttributes @iconProps ICON_ARGS}}\n        />\n      </span>\n    {{else if @icon}}\n      <span class={{@prependClass}}>\n        <@icon class={{@iconClass}} />\n      </span>\n    {{/if}}\n    <span class={{@textClass}} title={{@title}} {{textRef @textRef}}>\n      {{yield}}\n      {{#if @showExternal}}\n        <EuiIcon\n          @type=\"external\"\n          @size=\"m\"\n          class=\"euiListGroupItem__externalIcon\"\n          @css={{@externalIconCss}}\n          role=\"presentation\"\n        />\n        <span class={{@srOnlyClass}}>\n          {{#if @newTab}}\n            (external, opens in a new tab or window)\n          {{else}}\n            (external)\n          {{/if}}\n        </span>\n      {{/if}}\n    </span>\n    {{yield to=\"after\"}}\n  </span>\n</template>;\n\ninterface ExtraActionSignature {\n  Args: {\n    component?: ComponentLike;\n    props?: EuiListGroupItemExtraActionProps;\n    css: EuiCss;\n    color: string;\n    disabled: boolean;\n  };\n}\n\nconst ExtraAction: TemplateOnlyComponent<ExtraActionSignature> = <template>\n  {{#if @component}}\n    {{#let @component as |Action|}}\n      <Action />\n    {{/let}}\n  {{else if @props}}\n    <EuiButtonIcon\n      class=\"euiListGroupItemExtraAction {{@props.className}}\"\n      @css={{@css}}\n      @iconType={{@props.iconType}}\n      @iconSize={{@props.iconSize}}\n      @size={{@props.size}}\n      @display={{@props.display}}\n      @color={{@color}}\n      @isDisabled={{@disabled}}\n      aria-label={{get @props \"aria-label\"}}\n      title={{@props.title}}\n      data-test-subj={{get @props \"data-test-subj\"}}\n      {{on \"click\" (optional @props.onClick)}}\n    />\n  {{/if}}\n</template>;\n\n/** Native Ember list item using the upstream EUI 123 / Borealis factories. */\nexport default class EuiListGroupItem extends Component<EuiListGroupItemSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  get color(): string {\n    return this.args.color ?? listGroupContext(this)?.color ?? 'text';\n  }\n\n  /** Upstream: only the item's own `wrapText` (the list passes it to `listItems`). */\n  get wrapText(): boolean {\n    return Boolean(this.args.wrapText);\n  }\n\n  get isDisabled(): boolean {\n    const { href, isDisabled } = this.args;\n    return Boolean(isDisabled || (href && !isValidHref(href)));\n  }\n\n  get isActive(): boolean {\n    return Boolean(this.args.isActive);\n  }\n\n  get hasAriaDisabled(): boolean {\n    return Boolean(this.args.hasAriaDisabled);\n  }\n\n  /** Native `disabled`, unless `@hasAriaDisabled` swaps it for `aria-disabled`. */\n  get nativeDisabled(): boolean | undefined {\n    return this.hasAriaDisabled ? undefined : this.isDisabled;\n  }\n\n  get buttonAriaDisabled(): 'true' | undefined {\n    return this.hasAriaDisabled && this.isDisabled ? 'true' : undefined;\n  }\n\n  get iconCss(): EuiCss {\n    return this.args.iconProps?.css;\n  }\n\n  /** Classes of an `@icon` component: upstream clones `css` and the class onto it. */\n  @cached\n  get iconClass(): string {\n    const css = this.args.iconProps?.css;\n    return [\n      'euiListGroupItem__icon',\n      css ? euiClass(this.context, css) : undefined\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /** `a` for enabled links, `button` for actions and disabled links, else `li`. */\n  get kind(): 'a' | 'button' | 'li' {\n    const { href, onClick } = this.args;\n    if (href && !this.isDisabled) return 'a';\n    if (href || onClick) return 'button';\n    return 'li';\n  }\n\n  get isLink(): boolean {\n    return this.kind === 'a';\n  }\n\n  get isButton(): boolean {\n    return this.kind === 'button';\n  }\n\n  get isInteractive(): boolean {\n    return this.kind !== 'li';\n  }\n\n  get rel(): string {\n    return getSecureRelForTarget(this.args.target, this.args.rel);\n  }\n\n  get showExternal(): boolean {\n    const { external, target } = this.args;\n    return (\n      this.isLink &&\n      ((target === '_blank' && external !== false) || external === true)\n    );\n  }\n\n  get newTab(): boolean {\n    return this.args.target === '_blank';\n  }\n\n  get ariaCurrent(): 'true' | undefined {\n    return this.isActive ? 'true' : undefined;\n  }\n\n  get showToolTip(): boolean {\n    return Boolean(\n      this.args.showToolTip ?? listGroupContext(this)?.showToolTips\n    );\n  }\n\n  /** Upstream `shouldRenderTitle`: no native title when wrapping or when a tooltip shows it. */\n  get shouldRenderTitle(): boolean {\n    return !this.wrapText && !this.showToolTip;\n  }\n\n  /**\n   * Upstream `title`: the label when it is a string, else its inner text.\n   * A block is the Ember label node.\n   */\n  title = (innerText: string, hasBlock: boolean): string | undefined => {\n    if (!this.shouldRenderTitle) return undefined;\n    return hasBlock ? innerText : this.args.label;\n  };\n\n  /** `EuiInnerText`'s ref, only while a block label needs a title. */\n  textRef = (\n    ref: (element: HTMLElement) => void,\n    hasBlock: boolean\n  ): ((element: HTMLElement) => void) | undefined => {\n    return hasBlock && this.shouldRenderTitle ? ref : undefined;\n  };\n\n  /** Id of the tooltip, for the plain `<li>`'s `aria-describedby`. */\n  get toolTipId(): string {\n    return this.args.toolTipProps?.id ?? `${guidFor(this)}-tooltip`;\n  }\n\n  /**\n   * Whether the tooltip shows the block (upstream `content: toolTipText ??\n   * label` with a node label): no `@toolTipText` and no `content` in\n   * `@toolTipProps`.\n   */\n  blockToolTip = (hasBlock: boolean): boolean => {\n    return (\n      hasBlock &&\n      this.args.toolTipText === undefined &&\n      this.args.toolTipProps?.content === undefined\n    );\n  };\n\n  /** Upstream `_tooltipProps`: label as content, shown to the right. */\n  @cached\n  get toolTipProps(): Partial<EuiTooltipArgs> | undefined {\n    if (!this.showToolTip) return undefined;\n    return {\n      content: this.args.toolTipText ?? this.args.label,\n      position: 'right',\n      ...this.args.toolTipProps,\n      id: this.toolTipId\n    };\n  }\n\n  @cached\n  get toolTipAnchorClass(): string {\n    return `euiListGroupItem__tooltip${\n      this.args.toolTipProps?.anchorClassName\n        ? ` ${this.args.toolTipProps.anchorClassName}`\n        : ''\n    }`;\n  }\n\n  @cached\n  get toolTipAnchorCss(): EuiCss {\n    return [\n      euiListGroupItemTooltipStyles.euiListGroupItem__tooltip,\n      this.isDisabled && this.layout.tooltip.isDisabled,\n      this.args.toolTipProps?.anchorCss\n    ];\n  }\n\n  get extraActionComponent(): ComponentLike | undefined {\n    const action = this.args.extraAction;\n    return action && !isPlainObject(action) ? action : undefined;\n  }\n\n  get extraActionProps(): EuiListGroupItemExtraActionProps | undefined {\n    const action = this.args.extraAction;\n    return isPlainObject(action) ? action : undefined;\n  }\n\n  get hasExtraAction(): boolean {\n    return Boolean(this.args.extraAction);\n  }\n\n  @cached\n  get layout() {\n    return useEuiBorealisStyles(this.context, euiListItemLayoutStyles);\n  }\n\n  /** Upstream `css` of the item: base, inner layout and color. */\n  @cached\n  get itemStyles(): CSSInterpolation[] {\n    const styles = useEuiBorealisStyles(this.context, euiListGroupItemStyles);\n    const color = this.color;\n    let colorStyle: CSSInterpolation;\n    if (color === 'inherit') colorStyle = { color: 'inherit' };\n    else if (color === 'ghost') colorStyle = styles.text;\n    else if (color === 'primary' || color === 'text' || color === 'subdued')\n      colorStyle = styles[color];\n    return [\n      styles.euiListGroupItem,\n      styles.euiListGroupItem__inner,\n      !this.isDisabled && !this.isActive && colorStyle\n    ];\n  }\n\n  /**\n   * Upstream `isInteractive`/`isSelected`, skipped while disabled unless\n   * `@hasAriaDisabled` (upstream `canHaveInteractiveStyles`).\n   */\n  @cached\n  get interactiveStyles(): CSSInterpolation[] {\n    if (this.isDisabled && !this.hasAriaDisabled) return [];\n    return [\n      this.isInteractive && this.layout.isInteractive,\n      this.isActive && this.layout.isSelected\n    ];\n  }\n\n  @cached\n  get reset(): CSSInterpolation {\n    const theme = this.context.upstream.euiTheme;\n    // Scoped stand-in for React's global reset; upstream styles come after.\n    return {\n      boxSizing: 'border-box',\n      margin: 0,\n      padding: 0,\n      border: 0,\n      listStyle: 'none',\n      background: 'none',\n      fontFamily: theme.font.family,\n      textDecoration: 'none'\n    };\n  }\n\n  /** The `<li>` around links/buttons, which owns their hover/selected styles. */\n  @cached\n  get wrapperClass(): string {\n    const context = this.context;\n    const wrapper = useEuiBorealisStyles(context, euiListItemLayoutWrapperStyles);\n    return `euiListItemLayout__wrapper ${euiClass(\n      context,\n      this.reset,\n      wrapper.euiListItemLayout__wrapper,\n      this.hasExtraAction && wrapper.hasExtraAction,\n      ...this.interactiveStyles,\n      ...this.itemStyles,\n      this.isDisabled && this.layout.isDisabled\n    )}`;\n  }\n\n  @cached\n  get elementClass(): string {\n    const context = this.context;\n    const layout = this.layout;\n    const own = this.isInteractive\n      ? [\n          layout.euiListItemLayout__action,\n          // upstream: custom disabled buttons with a tooltip ignore the pointer\n          this.isButton &&\n            this.isDisabled &&\n            this.hasAriaDisabled &&\n            this.showToolTip &&\n            layout.buttonIsDisabled\n        ]\n      : [...this.interactiveStyles, ...this.itemStyles];\n    const kind = this.isInteractive\n      ? 'euiListGroupItem__button'\n      : 'euiListGroupItem__text';\n    return `euiListItemLayout euiListGroupItem ${kind} ${euiClass(\n      context,\n      this.reset,\n      layout.euiListItemLayout,\n      ...own,\n      this.isDisabled && layout.isDisabled\n    )}`;\n  }\n\n  @cached\n  get contentClass(): string {\n    return `euiListItemLayout__content ${euiClass(\n      this.context,\n      this.layout.euiListItemLayout__content\n    )}`;\n  }\n\n  @cached\n  get prependClass(): string {\n    return `euiListItemLayout__prepend ${euiClass(\n      this.context,\n      this.layout.euiListItemLayout__prepend\n    )}`;\n  }\n\n  @cached\n  get textClass(): string {\n    const layout = this.layout;\n    return `euiListItemLayout__text euiListGroupItem__label ${euiClass(\n      this.context,\n      layout.euiListItemLayout__text,\n      layout.textWrap[this.wrapText ? 'wrap' : 'truncate']\n    )}`;\n  }\n\n  @cached\n  get externalIconCss(): EuiCss {\n    const theme = this.context.upstream.euiTheme;\n    return [\n      this.layout.externalIcon,\n      // Upstream EuiExternalLinkIcon margin.\n      { marginInlineStart: theme.size.xs }\n    ];\n  }\n\n  @cached\n  get srOnlyClass(): string {\n    return `euiListGroupItem__screenReaderOnly ${euiClass(\n      this.context,\n      euiScreenReaderOnly()\n    )}`;\n  }\n\n  /** Upstream extra-action styles, then the action's own `css`. */\n  @cached\n  get extraActionCss(): EuiCss {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiListGroupItemExtraActionStyles\n    );\n    const alwaysShow = Boolean(this.extraActionProps?.alwaysShow);\n    return [\n      styles.euiListGroupItemExtraAction,\n      alwaysShow && styles.alwaysShow,\n      !alwaysShow && !this.isDisabled && styles.hoverStyles,\n      this.extraActionProps?.css\n    ];\n  }\n\n  get extraActionColor(): string {\n    const color = this.extraActionProps?.color ?? this.color;\n    return ['subdued', 'inherit', 'ghost'].includes(color) ? 'text' : color;\n  }\n\n  get extraActionDisabled(): boolean {\n    return Boolean(this.extraActionProps?.isDisabled || this.isDisabled);\n  }\n\n  <template>\n    {{#let (has-block) as |hasBlock|}}\n    <EuiInnerText as |setTextRef innerText|>\n    {{#if this.isInteractive}}\n      <li class={{this.wrapperClass}}>\n        <EuiMaybeToolTip\n          @props={{this.toolTipProps}}\n          @anchorClass={{this.toolTipAnchorClass}}\n          @anchorCss={{this.toolTipAnchorCss}}\n          @blockContent={{this.blockToolTip hasBlock}}\n        >\n          <:default>\n            {{#if this.isLink}}\n              <a\n                class={{this.elementClass}}\n                href={{@href}}\n                target={{@target}}\n                rel={{this.rel}}\n                aria-current={{this.ariaCurrent}}\n                {{on \"click\" (optional @onClick)}}\n                ...attributes\n              >\n                <Content\n                  @contentClass={{this.contentClass}}\n                  @prependClass={{this.prependClass}}\n                  @textClass={{this.textClass}}\n                  @iconType={{@iconType}}\n                  @iconProps={{@iconProps}}\n                  @iconCss={{this.iconCss}}\n                  @icon={{@icon}}\n                  @iconClass={{this.iconClass}}\n                  @title={{this.title innerText hasBlock}}\n                  @textRef={{this.textRef setTextRef hasBlock}}\n                  @showExternal={{this.showExternal}}\n                  @newTab={{this.newTab}}\n                  @externalIconCss={{this.externalIconCss}}\n                  @srOnlyClass={{this.srOnlyClass}}\n                >\n                  {{#if hasBlock}}{{yield}}{{else}}{{@label}}{{/if}}\n                </Content>\n              </a>\n            {{else}}\n              <button\n                class={{this.elementClass}}\n                type=\"button\"\n                disabled={{this.nativeDisabled}}\n                aria-disabled={{this.buttonAriaDisabled}}\n                aria-current={{this.ariaCurrent}}\n                {{euiDisabledElement this.isDisabled @hasAriaDisabled}}\n                {{on \"click\" (optional @onClick)}}\n                ...attributes\n              >\n                <Content\n                  @contentClass={{this.contentClass}}\n                  @prependClass={{this.prependClass}}\n                  @textClass={{this.textClass}}\n                  @iconType={{@iconType}}\n                  @iconProps={{@iconProps}}\n                  @iconCss={{this.iconCss}}\n                  @icon={{@icon}}\n                  @iconClass={{this.iconClass}}\n                  @title={{this.title innerText hasBlock}}\n                  @textRef={{this.textRef setTextRef hasBlock}}\n                  @showExternal={{false}}\n                  @newTab={{false}}\n                  @externalIconCss={{this.externalIconCss}}\n                  @srOnlyClass={{this.srOnlyClass}}\n                >\n                  {{#if hasBlock}}{{yield}}{{else}}{{@label}}{{/if}}\n                </Content>\n              </button>\n            {{/if}}\n          </:default>\n          <:content>{{yield}}</:content>\n        </EuiMaybeToolTip>\n        {{#if this.hasExtraAction}}\n          <ExtraAction\n            @component={{this.extraActionComponent}}\n            @props={{this.extraActionProps}}\n            @css={{this.extraActionCss}}\n            @color={{this.extraActionColor}}\n            @disabled={{this.extraActionDisabled}}\n          />\n        {{/if}}\n      </li>\n    {{else}}\n      <li\n        class={{this.elementClass}}\n        aria-current={{this.ariaCurrent}}\n        aria-disabled={{if this.isDisabled \"true\"}}\n        ...attributes\n        {{describedByToolTip (if this.toolTipProps this.toolTipId)}}\n      >\n        <EuiMaybeToolTip\n          @props={{this.toolTipProps}}\n          @anchorClass={{this.toolTipAnchorClass}}\n          @anchorCss={{this.toolTipAnchorCss}}\n          @blockContent={{this.blockToolTip hasBlock}}\n        >\n          <:default>\n            <Content\n              @contentClass={{this.contentClass}}\n              @prependClass={{this.prependClass}}\n              @textClass={{this.textClass}}\n              @iconType={{@iconType}}\n              @iconProps={{@iconProps}}\n              @iconCss={{this.iconCss}}\n              @icon={{@icon}}\n              @iconClass={{this.iconClass}}\n              @title={{this.title innerText hasBlock}}\n              @textRef={{this.textRef setTextRef hasBlock}}\n              @showExternal={{false}}\n              @newTab={{false}}\n              @externalIconCss={{this.externalIconCss}}\n              @srOnlyClass={{this.srOnlyClass}}\n            >\n              <:default>\n                {{#if hasBlock}}{{yield}}{{else}}{{@label}}{{/if}}\n              </:default>\n              <:after>\n                {{#if this.hasExtraAction}}\n                  <ExtraAction\n                    @component={{this.extraActionComponent}}\n                    @props={{this.extraActionProps}}\n                    @css={{this.extraActionCss}}\n                    @color={{this.extraActionColor}}\n                    @disabled={{this.extraActionDisabled}}\n                  />\n                {{/if}}\n              </:after>\n            </Content>\n          </:default>\n          <:content>{{yield}}</:content>\n        </EuiMaybeToolTip>\n      </li>\n    {{/if}}\n    </EuiInnerText>\n    {{/let}}\n  </template>\n}\n"],"names":["ICON_ARGS","describedByToolTip","modifier","element","id","current","getAttribute","split","filter","Boolean","includes","setAttribute","join","remaining","token","length","removeAttribute","isPlainObject","value","proto","Object","getPrototypeOf","prototype","textRef","ref","Content","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","spreadAttributes","templateOnly","ExtraAction","EuiButtonIcon","get","on","optional","EuiListGroupItem","Component","context","getEuiThemeContext","color","args","listGroupContext","wrapText","isDisabled","href","isValidHref","isActive","hasAriaDisabled","nativeDisabled","undefined","buttonAriaDisabled","iconCss","iconProps","css","iconClass","euiClass","n","cached","kind","onClick","isLink","isButton","isInteractive","rel","getSecureRelForTarget","target","showExternal","external","newTab","ariaCurrent","showToolTip","showToolTips","shouldRenderTitle","title","innerText","hasBlock","label","toolTipId","toolTipProps","guidFor","blockToolTip","toolTipText","content","position","toolTipAnchorClass","anchorClassName","toolTipAnchorCss","euiListGroupItemTooltipStyles","euiListGroupItem__tooltip","layout","tooltip","anchorCss","extraActionComponent","action","extraAction","extraActionProps","hasExtraAction","useEuiBorealisStyles","euiListItemLayoutStyles","itemStyles","styles","euiListGroupItemStyles","colorStyle","text","euiListGroupItem","euiListGroupItem__inner","interactiveStyles","isSelected","reset","theme","upstream","euiTheme","boxSizing","margin","padding","border","listStyle","background","fontFamily","font","family","textDecoration","wrapperClass","wrapper","euiListItemLayoutWrapperStyles","euiListItemLayout__wrapper","elementClass","own","euiListItemLayout__action","buttonIsDisabled","euiListItemLayout","contentClass","euiListItemLayout__content","prependClass","euiListItemLayout__prepend","textClass","euiListItemLayout__text","textWrap","externalIconCss","externalIcon","marginInlineStart","size","xs","srOnlyClass","euiScreenReaderOnly","extraActionCss","euiListGroupItemExtraActionStyles","alwaysShow","euiListGroupItemExtraAction","hoverStyles","extraActionColor","extraActionDisabled","EuiInnerText","EuiMaybeToolTip","euiDisabledElement"],"mappings":"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"}

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

@@ -1,26 +1,65 @@
-import { hash } from '@ember/helper';
-import style from 'ember-style-modifier/modifiers/style';
-import { eq, notEq, and } from 'ember-truth-helpers';
-import argOrDefault from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
-import inlineStyles from '../helpers/inline-styles.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { get } from '@ember/helper';
+import { provide } from 'ember-provide-consume-context';
+import { EUI_LIST_GROUP_CONTEXT } from '../-private/eui-list-context.js';
+import EuiListGroupItem from './eui-list-group-item.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { c2 as euiListGroupStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { n } from 'decorator-transforms/runtime-esm';
 
-const EuiListGroup = setComponentTemplate(precompileTemplate("{{#let (if (and @maxWidth (notEq @maxWidth true)) (inlineStyles componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)) (hash)) as |inlineStyles|}}\n  <ul class={{classNames (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\") (if @bordered \"euiListGroup-bordered\") (if @flush \"euiListGroup-flush\") componentName=\"EuiListGroup\" gutterSize=(argOrDefault @gutterSize \"s\")}} ...attributes {{style inlineStyles}}>\n    {{yield}}\n  </ul>\n{{/let}}", {
-  strictMode: true,
-  scope: () => ({
-    and,
-    notEq,
-    inlineStyles,
-    hash,
-    classNames,
-    eq,
-    argOrDefault,
-    style
-  })
-}), templateOnly());
+/** Scoped stand-in for React's global list reset; upstream comes after. */const RESET = {
+  boxSizing: 'border-box',
+  margin: 0,
+  padding: 0,
+  listStyle: 'none'
+};
+/** Native Ember list group using the upstream EUI 123 / Borealis factory. */
+class EuiListGroup extends Component {
+  get listGroupContext() {
+    return this;
+  }
+  static {
+    n(this.prototype, "listGroupContext", [provide(EUI_LIST_GROUP_CONTEXT)]);
+  }
+  get color() {
+    return this.args.color;
+  }
+  get showToolTips() {
+    return this.args.showToolTips;
+  }
+  /** Upstream `wrapText={wrapText}` then `{...item}`: the item's own wins. */
+  itemWrapText = item => {
+    return item.wrapText ?? this.args.wrapText;
+  };
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiListGroupStyles);
+    const maxWidth = this.args.maxWidth ?? true;
+    return `euiListGroup ${euiClass(context, RESET, styles.euiListGroup, this.args.bordered && styles.bordered, maxWidth === true && styles.maxWidthDefault,
+    // Upstream sets custom widths as an inline logical style.
+    typeof maxWidth === 'string' && {
+      maxInlineSize: maxWidth
+    }, typeof maxWidth === 'number' && {
+      maxInlineSize: `${maxWidth}px`
+    })}`;
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<ul class={{this.classes}} aria-labelledby={{@ariaLabelledby}} ...attributes>\n  {{#if @listItems.length}}\n    {{#each @listItems as |item|}}\n      <EuiListGroupItem @label={{item.label}} @href={{item.href}} @target={{item.target}} @rel={{item.rel}} @external={{item.external}} @onClick={{item.onClick}} @iconType={{item.iconType}} @iconProps={{item.iconProps}} @icon={{item.icon}} @hasAriaDisabled={{item.hasAriaDisabled}} @isActive={{item.isActive}} @isDisabled={{item.isDisabled}} @wrapText={{this.itemWrapText item}} @extraAction={{item.extraAction}} @color={{item.color}} @showToolTip={{item.showToolTip}} @toolTipText={{item.toolTipText}} @toolTipProps={{item.toolTipProps}} data-test-subj={{get item \"data-test-subj\"}} />\n    {{/each}}\n  {{else}}\n    {{yield}}\n  {{/if}}\n</ul>", {
+      strictMode: true,
+      scope: () => ({
+        EuiListGroupItem,
+        get
+      })
+    }), this);
+  }
+}
 
 export { EuiListGroup as default };
 //# sourceMappingURL=eui-list-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"eui-list-group.js","sources":["../../src/components/eui-list-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and } from 'ember-truth-helpers';\nimport { eq,notEq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A list of `EuiListGroupItem`s, e.g. navigation links in a side bar. */\nexport interface EuiListGroupSignature {\n  Element: HTMLUListElement;\n  Args: {\n    /** `true` for EUI's default max width, or any CSS width. */\n    maxWidth?: boolean | string;\n    /** Adds a border around the list. */\n    bordered?: boolean;\n    /** Removes the list's padding. */\n    flush?: boolean;\n    /** Space between items: `'none'`, `'s'` or `'m'`. Defaults to `'s'`. */\n    gutterSize?: string;\n  };\n  Blocks: {\n    /** The `EuiListGroupItem`s. */\n    default: [];\n  };\n}\n\nconst EuiListGroup: TemplateOnlyComponent<EuiListGroupSignature> = <template>\n  {{#let\n    (if\n      (and @maxWidth (notEq @maxWidth true))\n      (inlineStyles\n        componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)\n      )\n      (hash)\n    )\n    as |inlineStyles|\n  }}\n    <ul\n      class={{classNames\n        (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\")\n        (if @bordered \"euiListGroup-bordered\")\n        (if @flush \"euiListGroup-flush\")\n        componentName=\"EuiListGroup\"\n        gutterSize=(argOrDefault @gutterSize \"s\")\n      }}\n      ...attributes\n      {{style inlineStyles}}\n    >\n      {{yield}}\n    </ul>\n  {{/let}}\n</template>;\n\nexport default EuiListGroup;\n"],"names":["EuiListGroup","setComponentTemplate","precompileTemplate","strictMode","scope","and","notEq","inlineStyles","hash","classNames","eq","argOrDefault","style","templateOnly"],"mappings":";;;;;;;;;;AA+BA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,0dAAA,EAyBnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-list-group.js","sources":["../../src/components/eui-list-group.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\n\nimport { provide } from 'ember-provide-consume-context';\n\nimport { EUI_LIST_GROUP_CONTEXT } from '../-private/eui-list-context.ts';\nimport EuiListGroupItem from './eui-list-group-item.gts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { euiListGroupStyles } from '../utils/eui/styles.generated.ts';\n\nimport type { EuiListGroupItemSignature } from './eui-list-group-item.gts';\nimport type { EuiListGroupContext } from '../-private/eui-list-context.ts';\n\n/**\n * One entry of `@listItems`: the args of `EuiListGroupItem` as an object\n * (`label`, `href`, `iconType`, `onClick`, `isActive`, `extraAction`,\n * `showToolTip`, `toolTipText`, `toolTipProps`, …).\n */\nexport interface EuiListGroupListItem {\n  label?: EuiListGroupItemSignature['Args']['label'];\n  href?: EuiListGroupItemSignature['Args']['href'];\n  target?: EuiListGroupItemSignature['Args']['target'];\n  rel?: EuiListGroupItemSignature['Args']['rel'];\n  external?: EuiListGroupItemSignature['Args']['external'];\n  onClick?: EuiListGroupItemSignature['Args']['onClick'];\n  iconType?: EuiListGroupItemSignature['Args']['iconType'];\n  iconProps?: EuiListGroupItemSignature['Args']['iconProps'];\n  icon?: EuiListGroupItemSignature['Args']['icon'];\n  hasAriaDisabled?: EuiListGroupItemSignature['Args']['hasAriaDisabled'];\n  isActive?: EuiListGroupItemSignature['Args']['isActive'];\n  isDisabled?: EuiListGroupItemSignature['Args']['isDisabled'];\n  wrapText?: EuiListGroupItemSignature['Args']['wrapText'];\n  extraAction?: EuiListGroupItemSignature['Args']['extraAction'];\n  color?: EuiListGroupItemSignature['Args']['color'];\n  showToolTip?: EuiListGroupItemSignature['Args']['showToolTip'];\n  toolTipText?: EuiListGroupItemSignature['Args']['toolTipText'];\n  toolTipProps?: EuiListGroupItemSignature['Args']['toolTipProps'];\n  'data-test-subj'?: string;\n}\n\n/** A list of `EuiListGroupItem`s, e.g. navigation links in a side bar. */\nexport interface EuiListGroupSignature {\n  Element: HTMLUListElement;\n  Args: {\n    /**\n     * Limits the list's width: `true` for upstream's default (the form max\n     * width, 400px), `false` for none, or any CSS width (numbers are\n     * pixels). Defaults to `true`.\n     */\n    maxWidth?: boolean | string | number;\n    /**\n     * Items to display, as objects of `EuiListGroupItem` args. When there\n     * are any, they are rendered instead of the block's content.\n     */\n    listItems?: EuiListGroupListItem[];\n    /** Shows a tooltip on all items (an item's own `showToolTip` wins). */\n    showToolTips?: boolean;\n    /** Id of the element labelling the list (its `aria-labelledby`). */\n    ariaLabelledby?: string;\n    /** Adds a rounded border around the list. */\n    bordered?: boolean;\n    /**\n     * Default `@color` of the items in the block: `'text'`, `'primary'` or\n     * `'subdued'`. An item's own `@color` wins. Defaults to `'text'`.\n     */\n    color?: string;\n    /**\n     * Default `wrapText` of the `@listItems`. As upstream, it does not reach\n     * the `EuiListGroupItem`s of the block (set their own `@wrapText`).\n     */\n    wrapText?: boolean;\n    /** @deprecated Has no effect: latest EUI lists have no padding. */\n    flush?: boolean;\n    /** @deprecated Has no effect: latest EUI lists have no item gutters. */\n    gutterSize?: string;\n  };\n  Blocks: {\n    /** The `EuiListGroupItem`s. */\n    default: [];\n  };\n}\n\n/** Scoped stand-in for React's global list reset; upstream comes after. */\nconst RESET = {\n  boxSizing: 'border-box' as const,\n  margin: 0,\n  padding: 0,\n  listStyle: 'none'\n};\n\n/** Native Ember list group using the upstream EUI 123 / Borealis factory. */\nexport default class EuiListGroup\n  extends Component<EuiListGroupSignature>\n  implements EuiListGroupContext\n{\n  @provide(EUI_LIST_GROUP_CONTEXT)\n  get listGroupContext(): EuiListGroupContext {\n    return this;\n  }\n\n  get color(): string | undefined {\n    return this.args.color;\n  }\n\n  get showToolTips(): boolean | undefined {\n    return this.args.showToolTips;\n  }\n\n  /** Upstream `wrapText={wrapText}` then `{...item}`: the item's own wins. */\n  itemWrapText = (item: EuiListGroupListItem): boolean | undefined => {\n    return item.wrapText ?? this.args.wrapText;\n  };\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiListGroupStyles);\n    const maxWidth = this.args.maxWidth ?? true;\n    return `euiListGroup ${euiClass(\n      context,\n      RESET,\n      styles.euiListGroup,\n      this.args.bordered && styles.bordered,\n      maxWidth === true && styles.maxWidthDefault,\n      // Upstream sets custom widths as an inline logical style.\n      typeof maxWidth === 'string' && { maxInlineSize: maxWidth },\n      typeof maxWidth === 'number' && { maxInlineSize: `${maxWidth}px` }\n    )}`;\n  }\n\n  <template>\n    <ul\n      class={{this.classes}}\n      aria-labelledby={{@ariaLabelledby}}\n      ...attributes\n    >\n      {{#if @listItems.length}}\n        {{#each @listItems as |item|}}\n          <EuiListGroupItem\n            @label={{item.label}}\n            @href={{item.href}}\n            @target={{item.target}}\n            @rel={{item.rel}}\n            @external={{item.external}}\n            @onClick={{item.onClick}}\n            @iconType={{item.iconType}}\n            @iconProps={{item.iconProps}}\n            @icon={{item.icon}}\n            @hasAriaDisabled={{item.hasAriaDisabled}}\n            @isActive={{item.isActive}}\n            @isDisabled={{item.isDisabled}}\n            @wrapText={{this.itemWrapText item}}\n            @extraAction={{item.extraAction}}\n            @color={{item.color}}\n            @showToolTip={{item.showToolTip}}\n            @toolTipText={{item.toolTipText}}\n            @toolTipProps={{item.toolTipProps}}\n            data-test-subj={{get item \"data-test-subj\"}}\n          />\n        {{/each}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </ul>\n  </template>\n}\n"],"names":["RESET","boxSizing","margin","padding","listStyle","EuiListGroup","Component","listGroupContext","n","prototype","provide","EUI_LIST_GROUP_CONTEXT","color","args","showToolTips","itemWrapText","item","wrapText","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiListGroupStyles","maxWidth","euiClass","euiListGroup","bordered","maxWidthDefault","maxInlineSize","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiListGroupItem","get"],"mappings":";;;;;;;;;;;;;AAoFA,2EACA,MAAMA,KAAA,GAAQ;AACZC,EAAAA,SAAA,EAAW,YAAA;AACXC,EAAAA,MAAA,EAAQ,CAAA;AACRC,EAAAA,OAAA,EAAS,CAAA;AACTC,EAAAA,SAAA,EAAW;AACb,CAAA;AAEA;AACe,MAAMC,YAAA,SACXC,UACG;EAEX,IACIC,mBAAwC;AAC1C,IAAA,OAAO,IAAI;AACb,EAAA;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CAHCC,OAAA,CAAQC,sBAAA,CAAA,CAAA,CAAA;AAAA;EAKT,IAAIC,KAAAA,GAA4B;AAC9B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,KAAK;AACxB,EAAA;EAEA,IAAIE,YAAAA,GAAoC;AACtC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,YAAY;AAC/B,EAAA;AAEA;EACAC,YAAA,GAAgBC,IAAM,IAA0C;IAC9D,OAAOA,KAAKC,QAAQ,IAAI,IAAI,CAACJ,IAAI,CAACI,QAAQ;EAC5C,CAAA;EAEA,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,kBAAA,CAAA;IAC7C,MAAMC,WAAW,IAAI,CAACX,IAAI,CAACW,QAAQ,IAAI,IAAA;IACvC,OAAO,CAAA,aAAA,EAAgBC,QAAA,CACrBN,SACAnB,KAAA,EACAqB,MAAA,CAAOK,YAAY,EACnB,IAAI,CAACb,IAAI,CAACc,QAAQ,IAAIN,MAAA,CAAOM,QAAQ,EACrCH,aAAa,IAAA,IAAQH,MAAA,CAAOO,eAAe;AAC3C;IACA,OAAOJ,aAAa,QAAA,IAAY;AAAEK,MAAAA,aAAA,EAAeL;AAAS,KAAA,EAC1D,OAAOA,aAAa,QAAA,IAAY;MAAEK,aAAA,EAAe,GAAGL,QAAA,CAAA,EAAA;AAAa,KAAA,CAAA,CAAA,CAChE;AACL,EAAA;AAAA,EAAA;IAAAhB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAfCqB,MAAA,CAAA,CAAA;AAAA;AAiBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0xBAAA,EAkCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-live-announcer.js

@@ -0,0 +1,83 @@
+import Component from '@glimmer/component';
+import { tracked, cached } from '@glimmer/tracking';
+import { registerDestructor } from '@ember/destroyable';
+import { observeLiveText } from '../-private/live-text.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.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 MOUNT_DELAY_MS = 50;
+/**
+ * Announces a message to screen readers once, e.g. feedback after an
+ * action, then clears it (upstream `EuiLiveAnnouncer`). The message is not
+ * shown. It is announced when the component is inserted and again whenever
+ * its text changes. For content that stays in sync with the page, e.g. a
+ * result count, use `EuiScreenReaderLive`.
+ *
+ * The block is rendered into a `hidden` element; its text is copied into
+ * the live region.
+ */
+
+class EuiLiveAnnouncer extends Component {
+  static {
+    g(this.prototype, "content", [tracked], function () {
+      return '';
+    });
+  }
+  #content = (i(this, "content"), void 0);
+  /** The announced text; empty before the first message and once cleared. */
+  static {
+    g(this.prototype, "isMounted", [tracked], function () {
+      return false;
+    });
+  }
+  #isMounted = (i(this, "isMounted"), void 0);
+  #clearTimer;
+  observeLiveText = observeLiveText;
+  constructor(owner, args) {
+    super(owner, args);
+    const mountTimer = setTimeout(() => {
+      this.isMounted = true;
+    }, MOUNT_DELAY_MS);
+    registerDestructor(this, () => {
+      clearTimeout(mountTimer);
+      clearTimeout(this.#clearTimer);
+    });
+  }
+  get srClass() {
+    return euiScreenReaderOnlyClass(getEuiThemeContext(this));
+  }
+  static {
+    n(this.prototype, "srClass", [cached]);
+  }
+  get role() {
+    return this.args.role ?? 'status';
+  }
+  get ariaLive() {
+    return this.args.isActive ?? true ? this.args.ariaLive ?? 'polite' : 'off';
+  }
+  get text() {
+    return this.isMounted ? this.content : '';
+  }
+  /** Upstream's effect on `[children, clearAfterMs]`. */
+  onText = text => {
+    if (text) this.content = text;
+    clearTimeout(this.#clearTimer);
+    const clearAfterMs = this.args.clearAfterMs ?? 2000;
+    if (clearAfterMs) {
+      this.#clearTimer = setTimeout(() => {
+        this.content = '';
+      }, clearAfterMs);
+    }
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<div class={{this.srClass}} aria-atomic=\"true\" ...attributes role={{this.role}} aria-live={{this.ariaLive}}>{{this.text}}</div>\n<div hidden {{this.observeLiveText this.onText @clearAfterMs}}>{{yield}}</div>", {
+      strictMode: true
+    }), this);
+  }
+}
+
+export { EuiLiveAnnouncer as default };
+//# sourceMappingURL=eui-live-announcer.js.map

package/dist/components/eui-live-announcer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-live-announcer.js","sources":["../../src/components/eui-live-announcer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\n\nimport { observeLiveText } from '../-private/live-text.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiScreenReaderOnlyClass } from './eui-screen-reader-only.gts';\n\nimport type Owner from '@ember/owner';\nimport type {\n  EuiAriaLive,\n  EuiLiveRegionRole\n} from './eui-screen-reader-live.gts';\n\n/** Upstream renders the content after a short delay, so it is announced. */\nconst MOUNT_DELAY_MS = 50;\n\n/**\n * Announces a message to screen readers once, e.g. feedback after an\n * action, then clears it (upstream `EuiLiveAnnouncer`). The message is not\n * shown. It is announced when the component is inserted and again whenever\n * its text changes. For content that stays in sync with the page, e.g. a\n * result count, use `EuiScreenReaderLive`.\n *\n * The block is rendered into a `hidden` element; its text is copied into\n * the live region.\n */\nexport interface EuiLiveAnnouncerSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Clears the live region after this many ms (it is still read if it is\n     * cleared meanwhile), or `false` to keep the message. Defaults to `2000`.\n     */\n    clearAfterMs?: number | false;\n    /**\n     * Whether screen readers announce the message (`aria-live=\"off\"`\n     * otherwise). Defaults to `true`.\n     */\n    isActive?: boolean;\n    /** `role` of the live region. Defaults to `'status'`. */\n    role?: EuiLiveRegionRole;\n    /**\n     * `aria-live` of the live region: `'polite'`, `'assertive'` or\n     * `'off'`. Defaults to `'polite'`.\n     */\n    ariaLive?: EuiAriaLive;\n  };\n  Blocks: {\n    /** The message. */\n    default: [];\n  };\n}\n\nexport default class EuiLiveAnnouncer extends Component<EuiLiveAnnouncerSignature> {\n  /** The announced text; empty before the first message and once cleared. */\n  @tracked content = '';\n  @tracked isMounted = false;\n\n  #clearTimer?: ReturnType<typeof setTimeout>;\n\n  observeLiveText = observeLiveText;\n\n  constructor(owner: Owner, args: EuiLiveAnnouncerSignature['Args']) {\n    super(owner, args);\n    const mountTimer = setTimeout(() => {\n      this.isMounted = true;\n    }, MOUNT_DELAY_MS);\n    registerDestructor(this, () => {\n      clearTimeout(mountTimer);\n      clearTimeout(this.#clearTimer);\n    });\n  }\n\n  @cached\n  get srClass() {\n    return euiScreenReaderOnlyClass(getEuiThemeContext(this));\n  }\n\n  get role(): EuiLiveRegionRole {\n    return this.args.role ?? 'status';\n  }\n\n  get ariaLive(): EuiAriaLive {\n    return (this.args.isActive ?? true)\n      ? (this.args.ariaLive ?? 'polite')\n      : 'off';\n  }\n\n  get text(): string {\n    return this.isMounted ? this.content : '';\n  }\n\n  /** Upstream's effect on `[children, clearAfterMs]`. */\n  onText = (text: string): void => {\n    if (text) this.content = text;\n    clearTimeout(this.#clearTimer);\n    const clearAfterMs = this.args.clearAfterMs ?? 2000;\n    if (clearAfterMs) {\n      this.#clearTimer = setTimeout(() => {\n        this.content = '';\n      }, clearAfterMs);\n    }\n  };\n\n  <template>\n    <div\n      class={{this.srClass}}\n      aria-atomic=\"true\"\n      ...attributes\n      role={{this.role}}\n      aria-live={{this.ariaLive}}\n    >{{this.text}}</div>\n    <div hidden {{this.observeLiveText this.onText @clearAfterMs}}>{{yield}}</div>\n  </template>\n}\n"],"names":["MOUNT_DELAY_MS","EuiLiveAnnouncer","Component","g","prototype","tracked","i","observeLiveText","constructor","owner","args","mountTimer","setTimeout","isMounted","registerDestructor","clearTimeout","srClass","euiScreenReaderOnlyClass","getEuiThemeContext","n","cached","role","ariaLive","isActive","text","content","onText","clearAfterMs","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;AAeA,MAAMA,cAAA,GAAiB,EAAA;AAEvB;;;;;;;;;AASC;;AA4Bc,MAAMC,yBAAyBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAErDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAkB,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AADnB;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAECC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AAErB,EAAA,WAAW;AAEXC,EAAAA,eAAA,GAAkBA,eAAA;AAElBC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAuC,EAAE;AACjE,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AACb,IAAA,MAAMC,aAAaC,UAAA,CAAW,MAAA;MAC5B,IAAI,CAACC,SAAS,GAAG,IAAA;IACnB,CAAA,EAAGb,cAAA,CAAA;IACHc,kBAAA,CAAmB,IAAI,EAAE,MAAA;MACvBC,YAAA,CAAaJ,UAAA,CAAA;AACbI,MAAAA,YAAA,CAAa,IAAI,CAAC,WAAW,CAAA;AAC/B,IAAA,CAAA,CAAA;AACF,EAAA;EAEA,IACIC,OAAAA,GAAU;AACZ,IAAA,OAAOC,wBAAA,CAAyBC,mBAAmB,IAAI,CAAA,CAAA;AACzD,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAf,SAAA,EAAA,SAAA,EAAA,CAHCgB,MAAA,CAAA,CAAA;AAAA;EAKD,IAAIC,OAA0B;AAC5B,IAAA,OAAO,IAAI,CAACX,IAAI,CAACW,IAAI,IAAI,QAAA;AAC3B,EAAA;EAEA,IAAIC,WAAwB;AAC1B,IAAA,OAAQ,IAAI,CAACZ,IAAI,CAACa,QAAQ,IAAI,IAAI,GAC7B,IAAI,CAACb,IAAI,CAACY,QAAQ,IAAI,QAAQ,GAC/B,KAAA;AACN,EAAA;EAEA,IAAIE,IAAAA,GAAe;IACjB,OAAO,IAAI,CAACX,SAAS,GAAG,IAAI,CAACY,OAAO,GAAG,EAAA;AACzC,EAAA;AAEA;EACAC,MAAA,GAAUF,IAAY,IAAO;AAC3B,IAAA,IAAIA,IAAA,EAAM,IAAI,CAACC,OAAO,GAAGD,IAAA;AACzBT,IAAAA,YAAA,CAAa,IAAI,CAAC,WAAW,CAAA;IAC7B,MAAMY,eAAe,IAAI,CAACjB,IAAI,CAACiB,YAAY,IAAI,IAAA;AAC/C,IAAA,IAAIA,YAAA,EAAc;AAChB,MAAA,IAAI,CAAC,WAAW,GAAGf,UAAA,CAAW,MAAA;QAC5B,IAAI,CAACa,OAAO,GAAG,EAAA;MACjB,CAAA,EAAGE,YAAA,CAAA;AACL,IAAA;EACF,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,mNAAA,EASA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-loading-chart.js

@@ -1,26 +1,54 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { service } from '@ember/service';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { c7 as euiLoadingChartStyles, c8 as euiLoadingChartBarStyles } from '../styles.generated-SYAxYhey.js';
 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';
 
-const SIZES = {
-  m: 'euiLoadingChart--medium',
-  l: 'euiLoadingChart--large',
-  xl: 'euiLoadingChart--xLarge'
-};
-/**
- * Animated bars, for a chart or visualization that is loading. Give it an
- * `aria-label` (e.g. "Loading chart").
- */
+const BARS = [0, 1, 2, 3];
+/** Animated bars, for a chart or visualization that is loading. */
 
-function classes(size = 'm', mono) {
-  return ['euiLoadingChart', mono && 'euiLoadingChart--mono', SIZES[size]].filter(Boolean).join(' ');
+class EuiLoadingChart extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get size() {
+    return this.args.size ?? 'm';
+  }
+  get label() {
+    return this.euiI18n.lookupToken('euiLoadingStrings.ariaLabel', 'Loading');
+  }
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiLoadingChartStyles);
+    return `euiLoadingChart ${euiClass(context, {
+      boxSizing: 'border-box'
+    }, styles.euiLoadingChart, styles[this.size])}`;
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  get barClasses() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiLoadingChartBarStyles);
+    return `euiLoadingChart__bar ${euiClass(context, styles.euiLoadingChart__bar, styles[this.size])}`;
+  }
+  static {
+    n(this.prototype, "barClasses", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<span class={{this.classes}} role=\"progressbar\" aria-label={{this.label}} ...attributes>\n  {{#each BARS}}<span class={{this.barClasses}}></span>{{/each}}\n</span>", {
+      strictMode: true,
+      scope: () => ({
+        BARS
+      })
+    }), this);
+  }
 }
-const EuiLoadingChart = setComponentTemplate(precompileTemplate("<span class={{classes @size @mono}} ...attributes>\n  <span class=\"euiLoadingChart__bar\"></span>\n  <span class=\"euiLoadingChart__bar\"></span>\n  <span class=\"euiLoadingChart__bar\"></span>\n  <span class=\"euiLoadingChart__bar\"></span>\n</span>", {
-  strictMode: true,
-  scope: () => ({
-    classes
-  })
-}), templateOnly());
 
 export { EuiLoadingChart as default };
 //# sourceMappingURL=eui-loading-chart.js.map

package/dist/components/eui-loading-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-loading-chart.js","sources":["../../src/components/eui-loading-chart.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst SIZES = {\n  m: 'euiLoadingChart--medium',\n  l: 'euiLoadingChart--large',\n  xl: 'euiLoadingChart--xLarge'\n};\n\n/**\n * Animated bars, for a chart or visualization that is loading. Give it an\n * `aria-label` (e.g. \"Loading chart\").\n */\nexport interface EuiLoadingChartSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. */\n    size?: 'm' | 'l' | 'xl';\n    /** Gray bars instead of colored ones. */\n    mono?: boolean;\n  };\n}\n\nfunction classes(size: keyof typeof SIZES = 'm', mono?: boolean): string {\n  return ['euiLoadingChart', mono && 'euiLoadingChart--mono', SIZES[size]]\n    .filter(Boolean)\n    .join(' ');\n}\n\nconst EuiLoadingChart: TemplateOnlyComponent<EuiLoadingChartSignature> = <template>\n  <span class={{classes @size @mono}} ...attributes>\n    <span class=\"euiLoadingChart__bar\"></span>\n    <span class=\"euiLoadingChart__bar\"></span>\n    <span class=\"euiLoadingChart__bar\"></span>\n    <span class=\"euiLoadingChart__bar\"></span>\n  </span>\n</template>;\n\nexport default EuiLoadingChart;\n"],"names":["SIZES","m","l","xl","classes","size","mono","filter","Boolean","join","EuiLoadingChart","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;AAEA,MAAMA,KAAA,GAAQ;AACZC,EAAAA,CAAA,EAAG,yBAAA;AACHC,EAAAA,CAAA,EAAG,wBAAA;AACHC,EAAAA,EAAA,EAAI;AACN,CAAA;AAEA;;;AAGC;;AAWD,SAASC,OAAAA,CAAQC,IAAmB,GAAQ,GAAG,EAAEC,IAAc,EAAS;EACtE,OAAO,CAAC,iBAAA,EAAmBA,IAAA,IAAQ,uBAAA,EAAyBN,KAAK,CAACK,IAAA,CAAK,CAAC,CACrEE,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,MAAMC,eAAuC,GAAAC,oBAAA,CAA4BC,kBAAA,CAAA,6PAAA,EAOzE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAV,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAW,YAAA,EAAA;;"}
+{"version":3,"file":"eui-loading-chart.js","sources":["../../src/components/eui-loading-chart.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { service } from '@ember/service';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiLoadingChartBarStyles,\n  euiLoadingChartStyles\n} from '../utils/eui/styles.generated.ts';\n\nimport type EuiI18n from '../services/eui-i18n.ts';\n\nconst BARS = [0, 1, 2, 3];\n\n/** Animated bars, for a chart or visualization that is loading. */\nexport interface EuiLoadingChartSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. */\n    size?: 'm' | 'l' | 'xl';\n    /**\n     * @deprecated Has no effect: latest EUI draws every chart loader with\n     * the neutral `loadingChartMonoBackground` tokens.\n     */\n    mono?: boolean;\n  };\n}\n\nexport default class EuiLoadingChart extends Component<EuiLoadingChartSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get size() {\n    return this.args.size ?? 'm';\n  }\n\n  get label() {\n    return this.euiI18n.lookupToken('euiLoadingStrings.ariaLabel', 'Loading');\n  }\n\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiLoadingChartStyles);\n    return `euiLoadingChart ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiLoadingChart,\n      styles[this.size]\n    )}`;\n  }\n\n  @cached\n  get barClasses() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(\n      context,\n      euiLoadingChartBarStyles\n    );\n    return `euiLoadingChart__bar ${euiClass(\n      context,\n      styles.euiLoadingChart__bar,\n      styles[this.size]\n    )}`;\n  }\n\n  <template>\n    <span\n      class={{this.classes}}\n      role=\"progressbar\"\n      aria-label={{this.label}}\n      ...attributes\n    >\n      {{#each BARS}}<span class={{this.barClasses}}></span>{{/each}}\n    </span>\n  </template>\n}\n"],"names":["BARS","EuiLoadingChart","Component","g","prototype","service","i","size","args","label","euiI18n","lookupToken","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiLoadingChartStyles","euiClass","boxSizing","euiLoadingChart","n","cached","barClasses","euiLoadingChartBarStyles","euiLoadingChart__bar","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAA,GAAO,CAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,CAAE;AAEzB;;AAce,MAAMC,wBAAwBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACpDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,IAAAA,GAAO;AACT,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,GAAA;AAC3B,EAAA;EAEA,IAAIE,KAAAA,GAAQ;IACV,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,6BAAA,EAA+B,SAAA,CAAA;AACjE,EAAA;EAEA,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,qBAAA,CAAA;AAC7C,IAAA,OAAO,CAAA,gBAAA,EAAmBC,QAAA,CACxBL,OAAA,EACA;AAAEM,MAAAA,SAAA,EAAW;AAAa,KAAA,EAC1BJ,MAAA,CAAOK,eAAe,EACtBL,MAAM,CAAC,IAAI,CAACR,IAAI,CAAC,CAAA,CAAA,CAChB;AACL,EAAA;AAAA,EAAA;IAAAc,CAAA,CAAA,IAAA,CAAAjB,SAAA,EAAA,SAAA,EAAA,CAVCkB,MAAA,CAAA,CAAA;AAAA;EAYD,IACIC,UAAAA,GAAa;AACf,IAAA,MAAMV,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBACbH,OAAA,EACAW,wBAAA,CAAA;AAEF,IAAA,OAAO,wBAAwBN,QAAA,CAC7BL,SACAE,MAAA,CAAOU,oBAAoB,EAC3BV,MAAM,CAAC,IAAI,CAACR,IAAI,CAAC,CAAA,CAAA,CAChB;AACL,EAAA;AAAA,EAAA;IAAAc,CAAA,CAAA,IAAA,CAAAjB,SAAA,EAAA,YAAA,EAAA,CAZCkB,MAAA,CAAA,CAAA;AAAA;AAcD,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,uKAAA,EASA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAA7B,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-loading-content.js

@@ -1,31 +1,46 @@
-import classNames from '../helpers/class-names.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { service } from '@ember/service';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { c9 as euiSkeletonTextStyles } from '../styles.generated-SYAxYhey.js';
 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';
 
-const repeat = count => Array.from({
-  length: count
-});
-const getLength = lines => {
-  if (lines === undefined) {
-    return 1;
+function lineCount(lines) {
+  if (lines === undefined) return 1;
+  return Math.min(10, Math.max(1, lines));
+}
+class EuiLoadingContent extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
   }
-  if (lines > 10) {
-    return 10;
-  } else if (lines < 1) {
-    return 1;
-  } else {
-    return lines;
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get lines() {
+    return Array.from({
+      length: lineCount(this.args.lines)
+    });
   }
-};
-const EuiLoadingContent = setComponentTemplate(precompileTemplate("<span class=\"euiLoadingContent\" ...attributes>\n  {{#each (repeat (getLength @lines))}}\n    <span class={{classNames \"euiLoadingContent__singleLine\" @singleLineClasses}}>\n      <span class=\"euiLoadingContent__singleLineBackground\" />\n    </span>\n  {{/each}}\n</span>", {
-  strictMode: true,
-  scope: () => ({
-    repeat,
-    getLength,
-    classNames
-  })
-}), templateOnly());
+  get label() {
+    return this.euiI18n.lookupToken('euiLoadingStrings.ariaLabel', 'Loading');
+  }
+  get lineClasses() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiSkeletonTextStyles);
+    return ['euiLoadingContent__singleLine', this.args.singleLineClasses, euiClass(context, {
+      boxSizing: 'border-box'
+    }, styles.euiSkeletonText, styles[this.args.size ?? 'm'])].filter(Boolean).join(' ');
+  }
+  static {
+    n(this.prototype, "lineClasses", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<span class=\"euiLoadingContent\" role=\"progressbar\" aria-label={{this.label}} ...attributes>\n  {{#each this.lines}}<span class={{this.lineClasses}}></span>{{/each}}\n</span>", {
+      strictMode: true
+    }), this);
+  }
+}
 
 export { EuiLoadingContent as default };
 //# sourceMappingURL=eui-loading-content.js.map

package/dist/components/eui-loading-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-loading-content.js","sources":["../../src/components/eui-loading-content.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** Animated placeholder lines shown while text content loads. */\nexport interface EuiLoadingContentSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** Number of lines, 1 to 10. Defaults to `1`. */\n    lines?: number;\n    /** Extra classes for each line. */\n    singleLineClasses?: string;\n  };\n  Blocks: {\n    /** Unused. */\n    default: [];\n  };\n}\n\nconst repeat = (count: number) => Array.from({ length: count });\n\nconst getLength = (lines: number | undefined) => {\n  if (lines === undefined) {\n    return 1;\n  }\n\n  if (lines > 10) {\n    return 10;\n  } else if (lines < 1) {\n    return 1;\n  } else {\n    return lines;\n  }\n};\n\nconst EuiLoadingContent: TemplateOnlyComponent<EuiLoadingContentSignature> =\n  <template>\n    <span class=\"euiLoadingContent\" ...attributes>\n      {{#each (repeat (getLength @lines))}}\n        <span\n          class={{classNames\n            \"euiLoadingContent__singleLine\"\n            @singleLineClasses\n          }}\n        >\n          <span class=\"euiLoadingContent__singleLineBackground\" />\n        </span>\n      {{/each}}\n    </span>\n  </template>;\n\nexport default EuiLoadingContent;\n"],"names":["repeat","count","Array","from","length","getLength","lines","undefined","EuiLoadingContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAmBA,MAAMA,SAAUC,KAAa,IAAKC,KAAA,CAAMC,IAAI,CAAC;AAAEC,EAAAA,MAAA,EAAQH;AAAM,CAAA,CAAA;AAE7D,MAAMI,SAAA,GAAaC,KAAyB,IAAA;EAC1C,IAAIA,UAAUC,SAAA,EAAW;AACvB,IAAA,OAAO,CAAA;AACT,EAAA;EAEA,IAAID,QAAQ,EAAA,EAAI;AACd,IAAA,OAAO,EAAA;AACT,EAAA,CAAA,MAAO,IAAIA,QAAQ,CAAA,EAAG;AACpB,IAAA,OAAO,CAAA;AACT,EAAA,CAAA,MAAO;AACL,IAAA,OAAOA,KAAA;AACT,EAAA;AACF,CAAA;AAEA,MAAME,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,sRAAA,EAaA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAZ,MAAA;IAAAK,SAAA;AAAAQ,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-loading-content.js","sources":["../../src/components/eui-loading-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { service } from '@ember/service';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { euiSkeletonTextStyles } from '../utils/eui/styles.generated.ts';\n\nimport type EuiI18n from '../services/eui-i18n.ts';\n\n/**\n * Animated placeholder lines shown while text content loads. Drawn with\n * upstream EuiSkeletonText's styles (EuiLoadingContent's latest successor).\n */\nexport interface EuiLoadingContentSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** Number of lines, 1 to 10. Defaults to `1`. */\n    lines?: number;\n    /**\n     * Line height of the text being replaced: `'m'`, `'s'`, `'xs'` (EuiText\n     * sizes) or `'relative'` (`1em`). Defaults to `'m'`.\n     */\n    size?: 'm' | 's' | 'xs' | 'relative';\n    /** Extra classes for each line. */\n    singleLineClasses?: string;\n  };\n  Blocks: {\n    /** Unused. */\n    default: [];\n  };\n}\n\nfunction lineCount(lines: number | undefined): number {\n  if (lines === undefined) return 1;\n  return Math.min(10, Math.max(1, lines));\n}\n\nexport default class EuiLoadingContent extends Component<EuiLoadingContentSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get lines() {\n    return Array.from({ length: lineCount(this.args.lines) });\n  }\n\n  get label() {\n    return this.euiI18n.lookupToken('euiLoadingStrings.ariaLabel', 'Loading');\n  }\n\n  @cached\n  get lineClasses() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiSkeletonTextStyles);\n    return [\n      'euiLoadingContent__singleLine',\n      this.args.singleLineClasses,\n      euiClass(\n        context,\n        { boxSizing: 'border-box' },\n        styles.euiSkeletonText,\n        styles[this.args.size ?? 'm']\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    <span\n      class=\"euiLoadingContent\"\n      role=\"progressbar\"\n      aria-label={{this.label}}\n      ...attributes\n    >\n      {{#each this.lines}}<span class={{this.lineClasses}}></span>{{/each}}\n    </span>\n  </template>\n}\n"],"names":["lineCount","lines","undefined","Math","min","max","EuiLoadingContent","Component","g","prototype","service","i","Array","from","length","args","label","euiI18n","lookupToken","lineClasses","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiSkeletonTextStyles","singleLineClasses","euiClass","boxSizing","euiSkeletonText","size","filter","Boolean","join","n","cached","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;AAiCA,SAASA,UAAUC,KAAyB,EAAS;AACnD,EAAA,IAAIA,KAAA,KAAUC,WAAW,OAAO,CAAA;AAChC,EAAA,OAAOC,KAAKC,GAAG,CAAC,IAAID,IAAA,CAAKE,GAAG,CAAC,CAAA,EAAGJ,KAAA,CAAA,CAAA;AAClC;AAEe,MAAMK,0BAA0BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACtDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIV,KAAAA,GAAQ;IACV,OAAOW,KAAA,CAAMC,IAAI,CAAC;AAAEC,MAAAA,MAAA,EAAQd,SAAA,CAAU,IAAI,CAACe,IAAI,CAACd,KAAK;AAAE,KAAA,CAAA;AACzD,EAAA;EAEA,IAAIe,KAAAA,GAAQ;IACV,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,6BAAA,EAA+B,SAAA,CAAA;AACjE,EAAA;EAEA,IACIC,WAAAA,GAAc;AAChB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,qBAAA,CAAA;AAC7C,IAAA,OAAO,CACL,+BAAA,EACA,IAAI,CAACT,IAAI,CAACU,iBAAiB,EAC3BC,QAAA,CACEN,OAAA,EACA;AAAEO,MAAAA,SAAA,EAAW;KAAa,EAC1BL,MAAA,CAAOM,eAAe,EACtBN,MAAM,CAAC,IAAI,CAACP,IAAI,CAACc,IAAI,IAAI,GAAA,CAAI,CAAA,CAEhC,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,aAAA,EAAA,CAhBCyB,MAAA,CAAA,CAAA;AAAA;AAkBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,mLAAA,EASA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-loading-elastic.js

@@ -1,29 +1,38 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { service } from '@ember/service';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { euiClass } from '../utils/eui/styles.js';
+import { ca as euiLoadingElasticStyles } from '../styles.generated-SYAxYhey.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
-const SIZES = {
-  m: 'euiLoadingElastic--medium',
-  l: 'euiLoadingElastic--large',
-  xl: 'euiLoadingElastic--xLarge',
-  xxl: 'euiLoadingElastic--xxLarge'
-};
-/**
- * The Elastic logo, animated, for a full page or app that is loading.
- * Give it an `aria-label` (e.g. "Loading").
- */
-
-function sizeClass(size = 'm') {
-  return SIZES[size];
+class EuiLoadingElastic extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get label() {
+    return this.euiI18n.lookupToken('euiLoadingStrings.ariaLabel', 'Loading');
+  }
+  get classes() {
+    const styles = euiLoadingElasticStyles;
+    return `euiLoadingElastic ${euiClass(getEuiThemeContext(this), styles.euiLoadingElastic)}`;
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<span class={{this.classes}} role=\"progressbar\" aria-label={{this.label}} ...attributes>\n  <EuiIcon @type=\"logoElastic\" @size={{if @size @size \"m\"}} />\n</span>", {
+      strictMode: true,
+      scope: () => ({
+        EuiIcon
+      })
+    }), this);
+  }
 }
-const EuiLoadingElastic = setComponentTemplate(precompileTemplate("<span class=\"euiLoadingElastic {{sizeClass @size}}\" ...attributes>\n  <EuiIcon @type=\"logoElastic\" @size={{if @size @size \"m\"}} />\n</span>", {
-  strictMode: true,
-  scope: () => ({
-    sizeClass,
-    EuiIcon
-  })
-}), templateOnly());
 
 export { EuiLoadingElastic as default };
 //# sourceMappingURL=eui-loading-elastic.js.map