@ember-eui/core 16.0.4 → 16.0.5

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

@@ -1 +1 @@
-{"version":3,"file":"eui-breadcrumbs.js","sources":["../../src/components/eui-breadcrumbs.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { throttle } from '@ember/runloop';\nimport { service } from '@ember/service';\nimport type Owner from '@ember/owner';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport onWindowResize from '../-private/window-resize.ts';\nimport useState from '../helpers/use-state.ts';\nimport { getBreakpoint } from '../utils/breakpoint.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  euiBreadcrumbContentStyles,\n  euiBreadcrumbPopoverStyles,\n  euiBreadcrumbsListStyles,\n  euiBreadcrumbStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiLink from './eui-link.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { EuiPopoverArgs } from './eui-popover.gts';\nimport type EuiI18nService from '../services/eui-i18n.ts';\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type { CSSInterpolation } from '@emotion/css/create-instance';\n\nexport type EuiBreadcrumbResponsiveMaxCount = {\n  /**\n   * Any of the following keys are allowed: `'xs' | 's' | 'm' | 'l' | 'xl'`\n   * Omitting a key will display all breadcrumbs at that breakpoint\n   */\n  [key in EuiBreakpointSize]?: number;\n};\n\nconst responsiveDefault: EuiBreadcrumbResponsiveMaxCount = {\n  xs: 1,\n  s: 2,\n  m: 4\n};\n\n/**\n * Args the `popoverContent` component receives.\n */\nexport type EuiBreadcrumbPopoverContentArgs = {\n  /** Closes the breadcrumb's popover. */\n  closePopover: () => void;\n  /** The breadcrumb the popover belongs to. */\n  breadcrumb: EuiBreadcrumb;\n};\n\n/**\n * `EuiPopover` args accepted by a breadcrumb's `popoverProps`: everything\n * except the ones that control its state, which `EuiBreadcrumbs` owns.\n */\nexport type EuiBreadcrumbPopoverProps = Omit<\n  EuiPopoverArgs,\n  'button' | 'closePopover' | 'isOpen' | 'buttonRef' | 'insert'\n>;\n\nexport type EuiBreadcrumb = {\n  /**\n   * Visible label of the breadcrumb\n   */\n  text: string;\n  /**\n   * Makes the breadcrumb a link.\n   */\n  href?: string;\n  /** `rel` of a link breadcrumb (`noreferrer` is always added). */\n  rel?: string;\n  /**\n   * Makes the breadcrumb clickable, e.g. to transition with the router.\n   */\n  onClick?: (e: MouseEvent) => void;\n\n  /**\n   * Class for the breadcrumb's text element.\n   */\n  className?: string;\n  /**\n   * Overrides `@truncate` for this breadcrumb: `true` limits its text to\n   * 160px with an ellipsis, `false` never truncates it.\n   */\n  truncate?: boolean;\n\n  /**\n   * `EuiLink` color of a clickable breadcrumb. Defaults to `'subdued'`\n   * (upstream; it used to be `'text'` for the last one).\n   */\n  color?: string;\n\n  /**\n   * Makes the breadcrumb a button that toggles a popover (with a\n   * `chevronSingleDown` icon). A string is shown as text. A component\n   * is rendered inside the popover with `@closePopover` and `@breadcrumb`.\n   * `true` renders the `<:popoverContent as |breadcrumb closePopover|>` block\n   * of `EuiBreadcrumbs`. `href` and `onClick` are ignored.\n   */\n  popoverContent?:\n    | string\n    | true\n    | ComponentLike<{ Args: EuiBreadcrumbPopoverContentArgs }>;\n  /**\n   * `EuiPopover` args for the popover (e.g. `{ panelPaddingSize: 'none' }`),\n   * except the ones controlling its state.\n   */\n  popoverProps?: EuiBreadcrumbPopoverProps;\n\n  /** @deprecated Ignored. It used to mark the internal \"…\" item. */\n  ellipsis?: boolean;\n\n  /**\n   * @deprecated Ignored. The last breadcrumb gets `aria-current=\"page\"`;\n   * see `@lastBreadcrumbIsCurrentPage`.\n   */\n  'aria-current'?: string;\n};\n\nexport type EuiBreadcrumbsType = 'page' | 'application';\n\ntype Item = {\n  breadcrumb?: EuiBreadcrumb;\n  overflow?: EuiBreadcrumb[];\n  isFirst: boolean;\n  isLast: boolean;\n  isOnly: boolean;\n};\n\nconst LIST_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  listStyle: 'none'\n} as const;\nconst ITEM_RESET = { boxSizing: 'border-box', margin: 0, padding: 0 } as const;\n\n/**\n * Upstream `limitBreadcrumbs`: keeps `max` breadcrumbs (biased to the end)\n * and collapses the rest into one item.\n */\nfunction limitBreadcrumbs(breadcrumbs: EuiBreadcrumb[], max: number) {\n  const atStart: EuiBreadcrumb[] = [];\n  const atEnd: EuiBreadcrumb[] = [];\n  const limit = Math.min(max, breadcrumbs.length);\n  const start = Math.floor(limit / 2);\n  const overflow = breadcrumbs.slice(start, start + breadcrumbs.length - limit);\n\n  for (let i = 0; i < limit; i++) {\n    const isEven = i % 2 === 0;\n    const normalizedIndex = Math.floor(i * 0.5);\n    const index = isEven\n      ? breadcrumbs.length - 1 - normalizedIndex\n      : normalizedIndex;\n    const breadcrumb = breadcrumbs[index]!;\n\n    if (isEven) {\n      atEnd.unshift(breadcrumb);\n    } else {\n      atStart.push(breadcrumb);\n    }\n  }\n\n  return [\n    ...atStart.map((breadcrumb) => ({ breadcrumb })),\n    { overflow },\n    ...atEnd.map((breadcrumb) => ({ breadcrumb }))\n  ];\n}\n\ninterface EuiBreadcrumbsComponentArgs {\n  /**\n   * Shows fewer breadcrumbs on smaller screens, collapsing the ones in the\n   * middle into a \"…\" popover. `true` uses `{ xs: 1, s: 2, m: 4 }` (at most\n   * 1 breadcrumb on extra small screens, 2 on small, 4 on medium); pass an\n   * object with any of the `xs`, `s`, `m`, `l`, `xl` keys for your own\n   * limits (a missing key falls back to `@max`). Never shows more than\n   * `@max`. Defaults to `true`, as upstream; `false` turns it off.\n   */\n  responsive?: boolean | EuiBreadcrumbResponsiveMaxCount;\n\n  /**\n   * Forces all breadcrumbs to a single line and truncates each breadcrumb\n   * to 160px, except the last one, which fills the remaining space.\n   * Defaults to `true`.\n   */\n  truncate?: boolean;\n\n  /**\n   * Collapses the breadcrumbs in the middle past this number into a single\n   * \"…\" item that opens a popover with them. Defaults to `5`; pass `0` or\n   * `null` to always show all breadcrumbs.\n   */\n  max?: number | null;\n\n  /**\n   * `'page'` (default) separates breadcrumbs with slashes; `'application'`\n   * renders them as connected arrow-shaped chips, for the top of an app.\n   */\n  type?: EuiBreadcrumbsType;\n\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  /**\n   * Marks the last breadcrumb as the current page (`aria-current=\"page\"`).\n   * Defaults to `true`.\n   */\n  lastBreadcrumbIsCurrentPage?: boolean;\n\n  /**\n   * The breadcrumbs, from the root to the current page:\n   * `[{ text: 'Home', href: '/' }, { text: 'Users', onClick: … }, { text: 'Jane' }]`.\n   */\n  breadcrumbs: EuiBreadcrumb[];\n}\n\n/**\n * A `<nav aria-label=\"Breadcrumbs\">` trail of links to the current page.\n */\nexport interface EuiBreadcrumbsSignature {\n  Element: HTMLElement;\n  Args: EuiBreadcrumbsComponentArgs;\n  Blocks: {\n    default: [];\n    /**\n     * Content of the popover of every breadcrumb with `popoverContent: true`;\n     * yields the breadcrumb and a `closePopover` function.\n     */\n    popoverContent: [breadcrumb: EuiBreadcrumb, closePopover: () => void];\n  };\n}\n\nexport default class EuiBreadcrumbs extends Component<EuiBreadcrumbsSignature> {\n  @service declare euiI18n: EuiI18nService;\n  @tracked currentBreakpoint: EuiBreakpointSize | undefined;\n\n  constructor(owner: Owner, args: EuiBreadcrumbsComponentArgs) {\n    super(owner, args);\n    this.currentBreakpoint = getBreakpoint(\n      typeof window === 'undefined' ? -Infinity : window.innerWidth\n    );\n  }\n\n  updateBreakpoint = () => {\n    const breakpoint = getBreakpoint(window.innerWidth);\n    if (breakpoint !== this.currentBreakpoint) {\n      this.currentBreakpoint = breakpoint;\n    }\n  };\n\n  onResize = () => {\n    throttle(this, this.updateBreakpoint, 50);\n  };\n\n  get ariaLabel(): string {\n    return this.euiI18n.lookupToken('euiBreadcrumbs.nav.ariaLabel', 'Breadcrumbs');\n  }\n\n  get collapsedLabel(): string {\n    return this.euiI18n.lookupToken(\n      'euiBreadcrumb.collapsedBadge.ariaLabel',\n      'See collapsed breadcrumbs'\n    );\n  }\n\n  get type(): EuiBreadcrumbsType {\n    return this.args.type ?? 'page';\n  }\n\n  get lastBreadcrumbIsCurrentPage(): boolean {\n    return this.args.lastBreadcrumbIsCurrentPage ?? true;\n  }\n\n  get truncate(): boolean {\n    return this.args.truncate ?? true;\n  }\n\n  get max(): number | null {\n    return this.args.max === null ? null : (this.args.max ?? 5);\n  }\n\n  /** Upstream `useResponsiveMax`. */\n  get responsiveMax(): number | null {\n    const responsive = this.args.responsive ?? true;\n    const responsiveObject =\n      typeof responsive === 'object' ? responsive : responsiveDefault;\n    const max = this.max;\n    let responsiveMax = max;\n    const breakpoint = this.currentBreakpoint;\n\n    if (responsive && breakpoint && responsiveObject[breakpoint]) {\n      responsiveMax = responsiveObject[breakpoint]!;\n    }\n\n    if (max && responsiveMax) {\n      responsiveMax = max < responsiveMax ? max : responsiveMax;\n    }\n\n    return responsiveMax;\n  }\n\n  @cached\n  get classes(): string {\n    if (!this.args.css) return 'euiBreadcrumbs';\n    return `euiBreadcrumbs ${euiClass(getEuiThemeContext(this), this.args.css)}`;\n  }\n\n  @cached\n  get listClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbsListStyles);\n    return `euiBreadcrumbs__list ${euiClass(\n      context,\n      // Scoped stand-in for React's global list reset.\n      LIST_RESET,\n      styles.euiBreadcrumbs__list,\n      this.truncate && styles.isTruncated\n    )}`;\n  }\n\n  @cached\n  get items(): Item[] {\n    const { breadcrumbs } = this.args;\n    const max = this.responsiveMax;\n    const visible: { breadcrumb?: EuiBreadcrumb; overflow?: EuiBreadcrumb[] }[] =\n      max && breadcrumbs.length > max\n        ? limitBreadcrumbs(breadcrumbs, max)\n        : breadcrumbs.map((breadcrumb) => ({ breadcrumb }));\n\n    return visible.map(({ breadcrumb, overflow }, index) => ({\n      breadcrumb,\n      overflow,\n      isFirst: index === 0,\n      isLast: index === visible.length - 1,\n      isOnly: visible.length === 1\n    }));\n  }\n\n  <template>\n    <nav\n      aria-label={{this.ariaLabel}}\n      class={{this.classes}}\n      {{onWindowResize this.onResize}}\n      ...attributes\n    >\n      <ol class={{this.listClasses}}>\n        {{#each this.items as |item|}}\n          <BreadcrumbItem\n            @item={{item}}\n            @type={{this.type}}\n            @truncate={{this.truncate}}\n            @lastBreadcrumbIsCurrentPage={{this.lastBreadcrumbIsCurrentPage}}\n            @collapsedLabel={{this.collapsedLabel}}\n          >\n            <:popoverContent as |breadcrumb closePopover|>\n              {{yield breadcrumb closePopover to=\"popoverContent\"}}\n            </:popoverContent>\n          </BreadcrumbItem>\n        {{/each}}\n      </ol>\n    </nav>\n  </template>\n}\n\ninterface BreadcrumbItemSignature {\n  Args: {\n    item: Item;\n    type: EuiBreadcrumbsType;\n    truncate: boolean;\n    lastBreadcrumbIsCurrentPage: boolean;\n    collapsedLabel: string;\n  };\n  Blocks: {\n    popoverContent: [breadcrumb: EuiBreadcrumb, closePopover: () => void];\n  };\n}\n\n/**\n * One breadcrumb (or the collapsed \"…\" item). Its link styles go through\n * EuiLink's `@css`, composed last into the link's own class (like upstream\n * `css`).\n */\nclass BreadcrumbItem extends Component<BreadcrumbItemSignature> {\n  @service declare euiI18n: EuiI18nService;\n\n  get isCollapsed(): boolean {\n    return Boolean(this.args.item.overflow);\n  }\n\n  get breadcrumb(): EuiBreadcrumb | undefined {\n    return this.args.item.breadcrumb;\n  }\n\n  get itemTruncate(): boolean {\n    return this.isCollapsed\n      ? this.args.truncate\n      : (this.breadcrumb!.truncate ?? this.args.truncate);\n  }\n\n  get truncateLast(): boolean {\n    return (\n      !this.isCollapsed &&\n      this.args.item.isLast &&\n      this.args.truncate &&\n      this.breadcrumb!.truncate == null\n    );\n  }\n\n  /** The breadcrumb of a popover item (never the \"…\" item). */\n  get popoverBreadcrumb(): EuiBreadcrumb {\n    return this.breadcrumb!;\n  }\n\n  get overflow(): EuiBreadcrumb[] | undefined {\n    return this.args.item.overflow;\n  }\n\n  /** `popoverContent` given as a string. */\n  get popoverText(): string | undefined {\n    const content = this.breadcrumb?.popoverContent;\n    return typeof content === 'string' ? content : undefined;\n  }\n\n  /** `popoverContent` given as a component. */\n  get popoverComponent():\n    | ComponentLike<{ Args: EuiBreadcrumbPopoverContentArgs }>\n    | undefined {\n    const content = this.breadcrumb?.popoverContent;\n    return typeof content === 'string' || content === true\n      ? undefined\n      : content;\n  }\n\n  /** A breadcrumb that toggles a popover (it ignores `href`/`onClick`). */\n  get hasPopover(): boolean {\n    return !this.isCollapsed && Boolean(this.breadcrumb!.popoverContent);\n  }\n\n  /** The \"…\" item or a breadcrumb with `popoverContent`. */\n  get isPopover(): boolean {\n    return this.isCollapsed || this.hasPopover;\n  }\n\n  get popoverAriaLabel(): string {\n    return ` - ${this.euiI18n.lookupToken(\n      'euiBreadcrumb.popoverAriaLabel',\n      'Clicking this button will toggle a popover dialog.'\n    )}`;\n  }\n\n  get isInteractive(): boolean {\n    return (\n      !this.isCollapsed &&\n      !this.hasPopover &&\n      Boolean(this.breadcrumb!.href || this.breadcrumb!.onClick)\n    );\n  }\n\n  get ariaCurrent(): 'page' | undefined {\n    const { item, lastBreadcrumbIsCurrentPage } = this.args;\n    return !this.isCollapsed && item.isLast && lastBreadcrumbIsCurrentPage\n      ? 'page'\n      : undefined;\n  }\n\n  get linkColor(): string {\n    return this.breadcrumb?.color ?? 'subdued';\n  }\n\n  @cached\n  get liClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbStyles);\n    return `euiBreadcrumb ${euiClass(\n      context,\n      ITEM_RESET,\n      styles.euiBreadcrumb,\n      styles[this.args.type],\n      this.itemTruncate && styles.isTruncated,\n      this.isCollapsed && styles.isCollapsed\n    )}`;\n  }\n\n  @cached\n  get contentCss(): CSSInterpolation[] {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbContentStyles);\n    const { type, item } = this.args;\n    const isApplication = type === 'application';\n    const css: CSSInterpolation[] = [styles.euiBreadcrumb__content, styles[type]];\n    if (isApplication) {\n      css.push(\n        item.isOnly\n          ? styles.applicationStyles.onlyChild\n          : item.isFirst\n            ? styles.applicationStyles.firstChild\n            : item.isLast\n              ? styles.applicationStyles.lastChild\n              : styles.applicationStyles.intermediateChild\n      );\n    }\n    return css;\n  }\n\n  @cached\n  get truncationCss(): CSSInterpolation[] {\n    // The collapsed item never truncates (upstream `truncate: false`).\n    if (this.isCollapsed) return [];\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbContentStyles);\n    return [\n      this.itemTruncate && !this.truncateLast && styles.isTruncated,\n      this.truncateLast && styles.isTruncatedLast\n    ];\n  }\n\n  @cached\n  get interactionCss(): CSSInterpolation {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbContentStyles);\n    return (this.isInteractive || this.isPopover) &&\n      this.args.type !== 'application'\n      ? styles.isInteractive\n      : undefined;\n  }\n\n  /** The content's styles: EuiLink's `@css`, or the plain span's class. */\n  @cached\n  get contentStyles(): CSSInterpolation[] {\n    const context = getEuiThemeContext(this);\n    const popoverStyles = useEuiBorealisStyles(\n      context,\n      euiBreadcrumbPopoverStyles\n    );\n    return this.isPopover\n      ? [\n          popoverStyles.euiBreadcrumb__popoverButton,\n          ...this.contentCss,\n          this.interactionCss\n        ]\n      : [...this.contentCss, ...this.truncationCss, this.interactionCss];\n  }\n\n  /** Upstream's `popoverProps.css`, composed after the wrapper styles. */\n  get popoverUserCss(): EuiCss {\n    return this.breadcrumb?.popoverProps?.css;\n  }\n\n  get contentClassNames(): string {\n    return ['euiBreadcrumb__content', this.breadcrumb?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get contentClass(): string {\n    return `${this.contentClassNames} ${euiClass(\n      getEuiThemeContext(this),\n      ...this.contentStyles\n    )}`;\n  }\n\n  @cached\n  get truncationClass(): string {\n    const context = getEuiThemeContext(this);\n    const popoverStyles = useEuiBorealisStyles(\n      context,\n      euiBreadcrumbPopoverStyles\n    );\n    return euiClass(\n      context,\n      popoverStyles.euiBreadcrumb__popoverTruncation,\n      ...this.truncationCss\n    );\n  }\n\n  /** Upstream's `css` on the collapsed item's EuiPopover. */\n  @cached\n  get popoverCss(): EuiCss[] {\n    const context = getEuiThemeContext(this);\n    const popoverStyles = useEuiBorealisStyles(\n      context,\n      euiBreadcrumbPopoverStyles\n    );\n    return [\n      popoverStyles.popoverWrapper.euiBreadcrumb__popoverWrapper,\n      !this.args.item.isLast && popoverStyles.popoverWrapper[this.args.type],\n      this.popoverUserCss\n    ];\n  }\n\n  <template>\n    {{#if this.isPopover}}\n      {{#let (useState false) this.breadcrumb.popoverProps as |popover props|}}\n        <li class={{this.liClass}} data-test-subj=\"euiBreadcrumb\">\n          <EuiPopover\n            @css={{this.popoverCss}}\n            @isOpen={{popover.value}}\n            @closePopover={{fn popover.setState false}}\n            @anchorPosition={{props.anchorPosition}}\n            @anchorClassName={{props.anchorClassName}}\n            @panelPaddingSize={{props.panelPaddingSize}}\n            @panelClassName={{props.panelClassName}}\n            @panelStyle={{props.panelStyle}}\n            @panelCss={{props.panelCss}}\n            @rootCss={{props.rootCss}}\n            @ownFocus={{props.ownFocus}}\n            @display={{props.display}}\n            @hasArrow={{props.hasArrow}}\n            @initialFocus={{props.initialFocus}}\n            @ariaLabel={{props.ariaLabel}}\n            @ariaLabelledBy={{props.ariaLabelledBy}}\n            @repositionOnScroll={{props.repositionOnScroll}}\n            @repositionToCrossAxis={{props.repositionToCrossAxis}}\n            @popoverScreenReaderText={{props.popoverScreenReaderText}}\n            @attachToAnchor={{props.attachToAnchor}}\n            @container={{props.container}}\n            @zIndex={{props.zIndex}}\n            @offset={{props.offset}}\n            @buffer={{props.buffer}}\n            @shouldSelfFocus={{props.shouldSelfFocus}}\n            @isFocusTrapPaused={{props.isFocusTrapPaused}}\n            @focusTrapOptions={{props.focusTrapOptions}}\n            @popoverRef={{props.popoverRef}}\n            @panelRef={{props.panelRef}}\n            @portalRef={{props.portalRef}}\n            @onTrapDeactivation={{props.onTrapDeactivation}}\n          >\n            <:button>\n              {{#if this.isCollapsed}}\n                <EuiLink\n                  class={{this.contentClassNames}}\n                  @css={{this.contentStyles}}\n                  @color=\"subdued\"\n                  aria-label={{@collapsedLabel}}\n                  title={{@collapsedLabel}}\n                  {{on \"click\" (fn popover.setState (if popover.value false true))}}\n                >\n                  <span class={{this.truncationClass}}>&hellip;</span>\n                  <EuiIcon @type=\"chevronSingleDown\" @size=\"s\" />\n                </EuiLink>\n              {{else if this.breadcrumb.text}}\n                {{! Upstream wraps the button in a tooltip with its text. }}\n                <EuiToolTip\n                  @content={{this.breadcrumb.text}}\n                  @disableScreenReaderOutput={{true}}\n                >\n                  <:anchor>\n                    <EuiLink\n                      class={{this.contentClassNames}}\n                      @css={{this.contentStyles}}\n                      @color={{this.linkColor}}\n                      aria-current={{this.ariaCurrent}}\n                      {{on \"click\" (fn popover.setState (if popover.value false true))}}\n                    >\n                      <span class={{this.truncationClass}}>{{this.breadcrumb.text}}</span>\n                      <EuiIcon\n                        @type=\"chevronSingleDown\"\n                        @size=\"s\"\n                        aria-label={{this.popoverAriaLabel}}\n                      />\n                    </EuiLink>\n                  </:anchor>\n                </EuiToolTip>\n              {{else}}\n                <EuiLink\n                  class={{this.contentClassNames}}\n                  @css={{this.contentStyles}}\n                  @color={{this.linkColor}}\n                  aria-current={{this.ariaCurrent}}\n                  {{on \"click\" (fn popover.setState (if popover.value false true))}}\n                >\n                  <span class={{this.truncationClass}}></span>\n                  <EuiIcon\n                    @type=\"chevronSingleDown\"\n                    @size=\"s\"\n                    aria-label={{this.popoverAriaLabel}}\n                  />\n                </EuiLink>\n              {{/if}}\n            </:button>\n            <:content>\n              {{#if this.overflow}}\n                <EuiBreadcrumbs\n                  @breadcrumbs={{this.overflow}}\n                  @lastBreadcrumbIsCurrentPage={{false}}\n                  @responsive={{false}}\n                  @truncate={{false}}\n                  @max={{0}}\n                >\n                  <:popoverContent as |breadcrumb closePopover|>\n                    {{yield breadcrumb closePopover to=\"popoverContent\"}}\n                  </:popoverContent>\n                </EuiBreadcrumbs>\n              {{else if this.popoverText}}\n                {{this.popoverText}}\n              {{else if this.popoverComponent}}\n                {{#let this.popoverComponent as |Content|}}\n                  <Content\n                    @closePopover={{fn popover.setState false}}\n                    @breadcrumb={{this.popoverBreadcrumb}}\n                  />\n                {{/let}}\n              {{else}}\n                {{yield this.popoverBreadcrumb (fn popover.setState false) to=\"popoverContent\"}}\n              {{/if}}\n            </:content>\n          </EuiPopover>\n        </li>\n      {{/let}}\n    {{else if this.breadcrumb}}\n      <li class={{this.liClass}} data-test-subj=\"euiBreadcrumb\">\n        <EuiInnerText as |setInnerTextRef innerText|>\n          {{#if this.isInteractive}}\n            <EuiLink\n              {{didInsert setInnerTextRef}}\n              @color={{this.linkColor}}\n              @href={{this.breadcrumb.href}}\n              @rel={{this.breadcrumb.rel}}\n              title={{if innerText innerText}}\n              class={{this.contentClassNames}}\n              @css={{this.contentStyles}}\n              aria-current={{this.ariaCurrent}}\n              {{on \"click\" (optional this.breadcrumb.onClick)}}\n            >\n              {{this.breadcrumb.text}}\n            </EuiLink>\n          {{else}}\n            <span\n              {{didInsert setInnerTextRef}}\n              title={{if innerText innerText}}\n              class={{this.contentClass}}\n              aria-current={{this.ariaCurrent}}\n            >\n              {{this.breadcrumb.text}}\n            </span>\n          {{/if}}\n        </EuiInnerText>\n      </li>\n    {{/if}}\n  </template>\n}\n"],"names":["responsiveDefault","xs","s","m","LIST_RESET","boxSizing","margin","padding","listStyle","ITEM_RESET","limitBreadcrumbs","breadcrumbs","max","atStart","atEnd","limit","Math","min","length","start","floor","overflow","slice","i","isEven","normalizedIndex","index","breadcrumb","unshift","push","map","EuiBreadcrumbs","Component","g","prototype","service","tracked","constructor","owner","args","currentBreakpoint","getBreakpoint","window","Infinity","innerWidth","updateBreakpoint","breakpoint","onResize","throttle","ariaLabel","euiI18n","lookupToken","collapsedLabel","type","lastBreadcrumbIsCurrentPage","truncate","responsiveMax","responsive","responsiveObject","classes","css","euiClass","getEuiThemeContext","n","cached","listClasses","context","styles","useEuiBorealisStyles","euiBreadcrumbsListStyles","euiBreadcrumbs__list","isTruncated","items","visible","isFirst","isLast","isOnly","setComponentTemplate","precompileTemplate","strictMode","scope","onWindowResize","BreadcrumbItem","isCollapsed","Boolean","item","itemTruncate","truncateLast","popoverBreadcrumb","popoverText","content","popoverContent","undefined","popoverComponent","hasPopover","isPopover","popoverAriaLabel","isInteractive","href","onClick","ariaCurrent","linkColor","color","liClass","euiBreadcrumbStyles","euiBreadcrumb","contentCss","euiBreadcrumbContentStyles","isApplication","euiBreadcrumb__content","applicationStyles","onlyChild","firstChild","lastChild","intermediateChild","truncationCss","isTruncatedLast","interactionCss","contentStyles","popoverStyles","euiBreadcrumbPopoverStyles","euiBreadcrumb__popoverButton","popoverUserCss","popoverProps","contentClassNames","className","filter","join","contentClass","truncationClass","euiBreadcrumb__popoverTruncation","popoverCss","popoverWrapper","euiBreadcrumb__popoverWrapper","useState","EuiPopover","fn","EuiLink","on","EuiIcon","EuiToolTip","EuiInnerText","didInsert","optional"],"mappings":"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"}
+{"version":3,"file":"eui-breadcrumbs.js","sources":["../../src/components/eui-breadcrumbs.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { throttle } from '@ember/runloop';\nimport { service } from '@ember/service';\nimport type Owner from '@ember/owner';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport onWindowResize from '../-private/window-resize.ts';\nimport useState from '../helpers/use-state.ts';\nimport { getBreakpoint } from '../utils/breakpoint.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  euiBreadcrumbContentStyles,\n  euiBreadcrumbPopoverStyles,\n  euiBreadcrumbsListStyles,\n  euiBreadcrumbStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiLink from './eui-link.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { EuiPopoverArgs } from './eui-popover.gts';\nimport type EuiI18nService from '../services/eui-i18n.ts';\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type { CSSInterpolation } from '@emotion/css/create-instance';\n\nexport type EuiBreadcrumbResponsiveMaxCount = {\n  /**\n   * Any of the following keys are allowed: `'xs' | 's' | 'm' | 'l' | 'xl'`\n   * Omitting a key will display all breadcrumbs at that breakpoint\n   */\n  [key in EuiBreakpointSize]?: number;\n};\n\nconst responsiveDefault: EuiBreadcrumbResponsiveMaxCount = {\n  xs: 1,\n  s: 2,\n  m: 4\n};\n\n/**\n * Args the `popoverContent` component receives.\n */\nexport type EuiBreadcrumbPopoverContentArgs = {\n  /** Closes the breadcrumb's popover. */\n  closePopover: () => void;\n  /** The breadcrumb the popover belongs to. */\n  breadcrumb: EuiBreadcrumb;\n};\n\n/**\n * `EuiPopover` args accepted by a breadcrumb's `popoverProps`: everything\n * except the ones that control its state, which `EuiBreadcrumbs` owns.\n */\nexport type EuiBreadcrumbPopoverProps = Omit<\n  EuiPopoverArgs,\n  'button' | 'closePopover' | 'isOpen' | 'buttonRef' | 'insert'\n>;\n\nexport type EuiBreadcrumb = {\n  /**\n   * Visible label of the breadcrumb\n   */\n  text: string;\n  /**\n   * Makes the breadcrumb a link.\n   */\n  href?: string;\n  /** `rel` of a link breadcrumb (`noreferrer` is always added). */\n  rel?: string;\n  /**\n   * Makes the breadcrumb clickable, e.g. to transition with the router.\n   */\n  onClick?: (e: MouseEvent) => void;\n\n  /**\n   * Class for the breadcrumb's text element.\n   */\n  className?: string;\n  /**\n   * Overrides `@truncate` for this breadcrumb: `true` limits its text to\n   * 160px with an ellipsis, `false` never truncates it.\n   */\n  truncate?: boolean;\n\n  /**\n   * `EuiLink` color of a clickable breadcrumb. Defaults to `'subdued'`\n   * (upstream; it used to be `'text'` for the last one).\n   */\n  color?: string;\n\n  /**\n   * Makes the breadcrumb a button that toggles a popover (with a\n   * `chevronSingleDown` icon). A string is shown as text. A component\n   * is rendered inside the popover with `@closePopover` and `@breadcrumb`.\n   * `true` renders the `<:popoverContent as |breadcrumb closePopover|>` block\n   * of `EuiBreadcrumbs`. `href` and `onClick` are ignored.\n   */\n  popoverContent?:\n    | string\n    | true\n    | ComponentLike<{ Args: EuiBreadcrumbPopoverContentArgs }>;\n  /**\n   * `EuiPopover` args for the popover (e.g. `{ panelPaddingSize: 'none' }`),\n   * except the ones controlling its state.\n   */\n  popoverProps?: EuiBreadcrumbPopoverProps;\n\n  /** @deprecated Ignored. It used to mark the internal \"…\" item. */\n  ellipsis?: boolean;\n\n  /**\n   * @deprecated Ignored. The last breadcrumb gets `aria-current=\"page\"`;\n   * see `@lastBreadcrumbIsCurrentPage`.\n   */\n  'aria-current'?: string;\n};\n\nexport type EuiBreadcrumbsType = 'page' | 'application';\n\ntype Item = {\n  breadcrumb?: EuiBreadcrumb;\n  overflow?: EuiBreadcrumb[];\n  isFirst: boolean;\n  isLast: boolean;\n  isOnly: boolean;\n};\n\nconst LIST_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  listStyle: 'none'\n} as const;\nconst ITEM_RESET = { boxSizing: 'border-box', margin: 0, padding: 0 } as const;\n\n/**\n * Upstream `limitBreadcrumbs`: keeps `max` breadcrumbs (biased to the end)\n * and collapses the rest into one item.\n */\nfunction limitBreadcrumbs(breadcrumbs: EuiBreadcrumb[], max: number) {\n  const atStart: EuiBreadcrumb[] = [];\n  const atEnd: EuiBreadcrumb[] = [];\n  const limit = Math.min(max, breadcrumbs.length);\n  const start = Math.floor(limit / 2);\n  const overflow = breadcrumbs.slice(start, start + breadcrumbs.length - limit);\n\n  for (let i = 0; i < limit; i++) {\n    const isEven = i % 2 === 0;\n    const normalizedIndex = Math.floor(i * 0.5);\n    const index = isEven\n      ? breadcrumbs.length - 1 - normalizedIndex\n      : normalizedIndex;\n    const breadcrumb = breadcrumbs[index]!;\n\n    if (isEven) {\n      atEnd.unshift(breadcrumb);\n    } else {\n      atStart.push(breadcrumb);\n    }\n  }\n\n  return [\n    ...atStart.map((breadcrumb) => ({ breadcrumb })),\n    { overflow },\n    ...atEnd.map((breadcrumb) => ({ breadcrumb }))\n  ];\n}\n\ninterface EuiBreadcrumbsComponentArgs {\n  /**\n   * Shows fewer breadcrumbs on smaller screens, collapsing the ones in the\n   * middle into a \"…\" popover. `true` uses `{ xs: 1, s: 2, m: 4 }` (at most\n   * 1 breadcrumb on extra small screens, 2 on small, 4 on medium); pass an\n   * object with any of the `xs`, `s`, `m`, `l`, `xl` keys for your own\n   * limits (a missing key falls back to `@max`). Never shows more than\n   * `@max`. Defaults to `true`, as upstream; `false` turns it off.\n   */\n  responsive?: boolean | EuiBreadcrumbResponsiveMaxCount;\n\n  /**\n   * Forces all breadcrumbs to a single line and truncates each breadcrumb\n   * to 160px, except the last one, which fills the remaining space.\n   * Defaults to `true`.\n   */\n  truncate?: boolean;\n\n  /**\n   * Collapses the breadcrumbs in the middle past this number into a single\n   * \"…\" item that opens a popover with them. Defaults to `5`; pass `0` or\n   * `null` to always show all breadcrumbs.\n   */\n  max?: number | null;\n\n  /**\n   * `'page'` (default) separates breadcrumbs with slashes; `'application'`\n   * renders them as connected arrow-shaped chips, for the top of an app.\n   */\n  type?: EuiBreadcrumbsType;\n\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  /**\n   * Marks the last breadcrumb as the current page (`aria-current=\"page\"`).\n   * Defaults to `true`.\n   */\n  lastBreadcrumbIsCurrentPage?: boolean;\n\n  /**\n   * The breadcrumbs, from the root to the current page:\n   * `[{ text: 'Home', href: '/' }, { text: 'Users', onClick: … }, { text: 'Jane' }]`.\n   */\n  breadcrumbs: EuiBreadcrumb[];\n}\n\n/**\n * A `<nav aria-label=\"Breadcrumbs\">` trail of links to the current page.\n */\nexport interface EuiBreadcrumbsSignature {\n  Element: HTMLElement;\n  Args: EuiBreadcrumbsComponentArgs;\n  Blocks: {\n    default: [];\n    /**\n     * Content of the popover of every breadcrumb with `popoverContent: true`;\n     * yields the breadcrumb and a `closePopover` function.\n     */\n    popoverContent: [breadcrumb: EuiBreadcrumb, closePopover: () => void];\n  };\n}\n\nexport default class EuiBreadcrumbs extends Component<EuiBreadcrumbsSignature> {\n  @service declare euiI18n: EuiI18nService;\n  @tracked currentBreakpoint: EuiBreakpointSize | undefined;\n\n  constructor(owner: Owner, args: EuiBreadcrumbsComponentArgs) {\n    super(owner, args);\n    this.currentBreakpoint = getBreakpoint(\n      typeof window === 'undefined' ? -Infinity : window.innerWidth\n    );\n  }\n\n  updateBreakpoint = () => {\n    const breakpoint = getBreakpoint(window.innerWidth);\n    if (breakpoint !== this.currentBreakpoint) {\n      this.currentBreakpoint = breakpoint;\n    }\n  };\n\n  onResize = () => {\n    throttle(this, this.updateBreakpoint, 50);\n  };\n\n  get ariaLabel(): string {\n    return this.euiI18n.lookupToken('euiBreadcrumbs.nav.ariaLabel', 'Breadcrumbs');\n  }\n\n  get collapsedLabel(): string {\n    return this.euiI18n.lookupToken(\n      'euiBreadcrumb.collapsedBadge.ariaLabel',\n      'See collapsed breadcrumbs'\n    );\n  }\n\n  get type(): EuiBreadcrumbsType {\n    return this.args.type ?? 'page';\n  }\n\n  get lastBreadcrumbIsCurrentPage(): boolean {\n    return this.args.lastBreadcrumbIsCurrentPage ?? true;\n  }\n\n  get truncate(): boolean {\n    return this.args.truncate ?? true;\n  }\n\n  get max(): number | null {\n    return this.args.max === null ? null : (this.args.max ?? 5);\n  }\n\n  /** Upstream `useResponsiveMax`. */\n  get responsiveMax(): number | null {\n    const responsive = this.args.responsive ?? true;\n    const responsiveObject =\n      typeof responsive === 'object' ? responsive : responsiveDefault;\n    const max = this.max;\n    let responsiveMax = max;\n    const breakpoint = this.currentBreakpoint;\n\n    if (responsive && breakpoint && responsiveObject[breakpoint]) {\n      responsiveMax = responsiveObject[breakpoint]!;\n    }\n\n    if (max && responsiveMax) {\n      responsiveMax = max < responsiveMax ? max : responsiveMax;\n    }\n\n    return responsiveMax;\n  }\n\n  @cached\n  get classes(): string {\n    if (!this.args.css) return 'euiBreadcrumbs';\n    return `euiBreadcrumbs ${euiClass(getEuiThemeContext(this), this.args.css)}`;\n  }\n\n  @cached\n  get listClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbsListStyles);\n    return `euiBreadcrumbs__list ${euiClass(\n      context,\n      // Scoped stand-in for React's global list reset.\n      LIST_RESET,\n      styles.euiBreadcrumbs__list,\n      this.truncate && styles.isTruncated\n    )}`;\n  }\n\n  @cached\n  get items(): Item[] {\n    const { breadcrumbs } = this.args;\n    const max = this.responsiveMax;\n    const visible: { breadcrumb?: EuiBreadcrumb; overflow?: EuiBreadcrumb[] }[] =\n      max && breadcrumbs.length > max\n        ? limitBreadcrumbs(breadcrumbs, max)\n        : breadcrumbs.map((breadcrumb) => ({ breadcrumb }));\n\n    return visible.map(({ breadcrumb, overflow }, index) => ({\n      breadcrumb,\n      overflow,\n      isFirst: index === 0,\n      isLast: index === visible.length - 1,\n      isOnly: visible.length === 1\n    }));\n  }\n\n  <template>\n    <nav\n      aria-label={{this.ariaLabel}}\n      class={{this.classes}}\n      {{onWindowResize this.onResize}}\n      ...attributes\n    >\n      <ol class={{this.listClasses}}>\n        {{#each this.items as |item|}}\n          <BreadcrumbItem\n            @item={{item}}\n            @type={{this.type}}\n            @truncate={{this.truncate}}\n            @lastBreadcrumbIsCurrentPage={{this.lastBreadcrumbIsCurrentPage}}\n            @collapsedLabel={{this.collapsedLabel}}\n          >\n            <:popoverContent as |breadcrumb closePopover|>\n              {{yield breadcrumb closePopover to=\"popoverContent\"}}\n            </:popoverContent>\n          </BreadcrumbItem>\n        {{/each}}\n      </ol>\n    </nav>\n  </template>\n}\n\ninterface BreadcrumbItemSignature {\n  Args: {\n    item: Item;\n    type: EuiBreadcrumbsType;\n    truncate: boolean;\n    lastBreadcrumbIsCurrentPage: boolean;\n    collapsedLabel: string;\n  };\n  Blocks: {\n    popoverContent: [breadcrumb: EuiBreadcrumb, closePopover: () => void];\n  };\n}\n\n/**\n * One breadcrumb (or the collapsed \"…\" item). Its link styles go through\n * EuiLink's `@css`, composed last into the link's own class (like upstream\n * `css`).\n */\nclass BreadcrumbItem extends Component<BreadcrumbItemSignature> {\n  @service declare euiI18n: EuiI18nService;\n\n  get isCollapsed(): boolean {\n    return Boolean(this.args.item.overflow);\n  }\n\n  get breadcrumb(): EuiBreadcrumb | undefined {\n    return this.args.item.breadcrumb;\n  }\n\n  get itemTruncate(): boolean {\n    return this.isCollapsed\n      ? this.args.truncate\n      : (this.breadcrumb!.truncate ?? this.args.truncate);\n  }\n\n  get truncateLast(): boolean {\n    return (\n      !this.isCollapsed &&\n      this.args.item.isLast &&\n      this.args.truncate &&\n      this.breadcrumb!.truncate == null\n    );\n  }\n\n  /** The breadcrumb of a popover item (never the \"…\" item). */\n  get popoverBreadcrumb(): EuiBreadcrumb {\n    return this.breadcrumb!;\n  }\n\n  get overflow(): EuiBreadcrumb[] | undefined {\n    return this.args.item.overflow;\n  }\n\n  /** `popoverContent` given as a string. */\n  get popoverText(): string | undefined {\n    const content = this.breadcrumb?.popoverContent;\n    return typeof content === 'string' ? content : undefined;\n  }\n\n  /** `popoverContent` given as a component. */\n  get popoverComponent():\n    | ComponentLike<{ Args: EuiBreadcrumbPopoverContentArgs }>\n    | undefined {\n    const content = this.breadcrumb?.popoverContent;\n    return typeof content === 'string' || content === true\n      ? undefined\n      : content;\n  }\n\n  /** A breadcrumb that toggles a popover (it ignores `href`/`onClick`). */\n  get hasPopover(): boolean {\n    return !this.isCollapsed && Boolean(this.breadcrumb!.popoverContent);\n  }\n\n  /** The \"…\" item or a breadcrumb with `popoverContent`. */\n  get isPopover(): boolean {\n    return this.isCollapsed || this.hasPopover;\n  }\n\n  get popoverAriaLabel(): string {\n    return ` - ${this.euiI18n.lookupToken(\n      'euiBreadcrumb.popoverAriaLabel',\n      'Clicking this button will toggle a popover dialog.'\n    )}`;\n  }\n\n  get isInteractive(): boolean {\n    return (\n      !this.isCollapsed &&\n      !this.hasPopover &&\n      Boolean(this.breadcrumb!.href || this.breadcrumb!.onClick)\n    );\n  }\n\n  get ariaCurrent(): 'page' | undefined {\n    const { item, lastBreadcrumbIsCurrentPage } = this.args;\n    return !this.isCollapsed && item.isLast && lastBreadcrumbIsCurrentPage\n      ? 'page'\n      : undefined;\n  }\n\n  get linkColor(): string {\n    return this.breadcrumb?.color ?? 'subdued';\n  }\n\n  @cached\n  get liClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbStyles);\n    return `euiBreadcrumb ${euiClass(\n      context,\n      ITEM_RESET,\n      styles.euiBreadcrumb,\n      styles[this.args.type],\n      this.itemTruncate && styles.isTruncated,\n      this.isCollapsed && styles.isCollapsed\n    )}`;\n  }\n\n  @cached\n  get contentCss(): CSSInterpolation[] {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbContentStyles);\n    const { type, item } = this.args;\n    const isApplication = type === 'application';\n    const css: CSSInterpolation[] = [styles.euiBreadcrumb__content, styles[type]];\n    if (isApplication) {\n      css.push(\n        item.isOnly\n          ? styles.applicationStyles.onlyChild\n          : item.isFirst\n            ? styles.applicationStyles.firstChild\n            : item.isLast\n              ? styles.applicationStyles.lastChild\n              : styles.applicationStyles.intermediateChild\n      );\n    }\n    return css;\n  }\n\n  @cached\n  get truncationCss(): CSSInterpolation[] {\n    // The collapsed item never truncates (upstream `truncate: false`).\n    if (this.isCollapsed) return [];\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbContentStyles);\n    return [\n      this.itemTruncate && !this.truncateLast && styles.isTruncated,\n      this.truncateLast && styles.isTruncatedLast\n    ];\n  }\n\n  @cached\n  get interactionCss(): CSSInterpolation {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbContentStyles);\n    return (this.isInteractive || this.isPopover) &&\n      this.args.type !== 'application'\n      ? styles.isInteractive\n      : undefined;\n  }\n\n  /** The content's styles: EuiLink's `@css`, or the plain span's class. */\n  @cached\n  get contentStyles(): CSSInterpolation[] {\n    const context = getEuiThemeContext(this);\n    const popoverStyles = useEuiBorealisStyles(\n      context,\n      euiBreadcrumbPopoverStyles\n    );\n    return this.isPopover\n      ? [\n          popoverStyles.euiBreadcrumb__popoverButton,\n          ...this.contentCss,\n          this.interactionCss\n        ]\n      : [...this.contentCss, ...this.truncationCss, this.interactionCss];\n  }\n\n  /** Upstream's `popoverProps.css`, composed after the wrapper styles. */\n  get popoverUserCss(): EuiCss {\n    return this.breadcrumb?.popoverProps?.css;\n  }\n\n  get contentClassNames(): string {\n    return ['euiBreadcrumb__content', this.breadcrumb?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get contentClass(): string {\n    return `${this.contentClassNames} ${euiClass(\n      getEuiThemeContext(this),\n      ...this.contentStyles\n    )}`;\n  }\n\n  @cached\n  get truncationClass(): string {\n    const context = getEuiThemeContext(this);\n    const popoverStyles = useEuiBorealisStyles(\n      context,\n      euiBreadcrumbPopoverStyles\n    );\n    return euiClass(\n      context,\n      popoverStyles.euiBreadcrumb__popoverTruncation,\n      ...this.truncationCss\n    );\n  }\n\n  /** Upstream's `css` on the collapsed item's EuiPopover. */\n  @cached\n  get popoverCss(): EuiCss[] {\n    const context = getEuiThemeContext(this);\n    const popoverStyles = useEuiBorealisStyles(\n      context,\n      euiBreadcrumbPopoverStyles\n    );\n    return [\n      popoverStyles.popoverWrapper.euiBreadcrumb__popoverWrapper,\n      !this.args.item.isLast && popoverStyles.popoverWrapper[this.args.type],\n      this.popoverUserCss\n    ];\n  }\n\n  <template>\n    {{#if this.isPopover}}\n      {{#let (useState false) this.breadcrumb.popoverProps as |popover props|}}\n        <li class={{this.liClass}} data-test-subj=\"euiBreadcrumb\">\n          <EuiPopover\n            @css={{this.popoverCss}}\n            @isOpen={{popover.value}}\n            @closePopover={{fn popover.setState false}}\n            @anchorPosition={{props.anchorPosition}}\n            @anchorClassName={{props.anchorClassName}}\n            @panelPaddingSize={{props.panelPaddingSize}}\n            @panelClassName={{props.panelClassName}}\n            @panelStyle={{props.panelStyle}}\n            @panelCss={{props.panelCss}}\n            @rootCss={{props.rootCss}}\n            @ownFocus={{props.ownFocus}}\n            @display={{props.display}}\n            @hasArrow={{props.hasArrow}}\n            @initialFocus={{props.initialFocus}}\n            @ariaLabel={{props.ariaLabel}}\n            @ariaLabelledBy={{props.ariaLabelledBy}}\n            @repositionOnScroll={{props.repositionOnScroll}}\n            @repositionToCrossAxis={{props.repositionToCrossAxis}}\n            @popoverScreenReaderText={{props.popoverScreenReaderText}}\n            @attachToAnchor={{props.attachToAnchor}}\n            @container={{props.container}}\n            @zIndex={{props.zIndex}}\n            @offset={{props.offset}}\n            @buffer={{props.buffer}}\n            @shouldSelfFocus={{props.shouldSelfFocus}}\n            @isFocusTrapPaused={{props.isFocusTrapPaused}}\n            @focusTrapOptions={{props.focusTrapOptions}}\n            @popoverRef={{props.popoverRef}}\n            @panelRef={{props.panelRef}}\n            @portalRef={{props.portalRef}}\n            @onTrapDeactivation={{props.onTrapDeactivation}}\n          >\n            <:button>\n              {{#if this.isCollapsed}}\n                <EuiLink\n                  class={{this.contentClassNames}}\n                  @css={{this.contentStyles}}\n                  @color=\"subdued\"\n                  aria-label={{@collapsedLabel}}\n                  title={{@collapsedLabel}}\n                  {{on \"click\" (fn popover.setState (if popover.value false true))}}\n                >\n                  <span class={{this.truncationClass}}>&hellip;</span>\n                  <EuiIcon @type=\"chevronSingleDown\" @size=\"s\" />\n                </EuiLink>\n              {{else if this.breadcrumb.text}}\n                {{! Upstream wraps the button in a tooltip with its text. }}\n                <EuiToolTip\n                  @content={{this.breadcrumb.text}}\n                  @disableScreenReaderOutput={{true}}\n                >\n                  <:anchor>\n                    <EuiLink\n                      class={{this.contentClassNames}}\n                      @css={{this.contentStyles}}\n                      @color={{this.linkColor}}\n                      aria-current={{this.ariaCurrent}}\n                      {{on \"click\" (fn popover.setState (if popover.value false true))}}\n                    >\n                      <span class={{this.truncationClass}}>{{this.breadcrumb.text}}</span>\n                      <EuiIcon\n                        @type=\"chevronSingleDown\"\n                        @size=\"s\"\n                        aria-label={{this.popoverAriaLabel}}\n                      />\n                    </EuiLink>\n                  </:anchor>\n                </EuiToolTip>\n              {{else}}\n                <EuiLink\n                  class={{this.contentClassNames}}\n                  @css={{this.contentStyles}}\n                  @color={{this.linkColor}}\n                  aria-current={{this.ariaCurrent}}\n                  {{on \"click\" (fn popover.setState (if popover.value false true))}}\n                >\n                  <span class={{this.truncationClass}}></span>\n                  <EuiIcon\n                    @type=\"chevronSingleDown\"\n                    @size=\"s\"\n                    aria-label={{this.popoverAriaLabel}}\n                  />\n                </EuiLink>\n              {{/if}}\n            </:button>\n            <:content>\n              {{#if this.overflow}}\n                <EuiBreadcrumbs\n                  @breadcrumbs={{this.overflow}}\n                  @lastBreadcrumbIsCurrentPage={{false}}\n                  @responsive={{false}}\n                  @truncate={{false}}\n                  @max={{0}}\n                >\n                  <:popoverContent as |breadcrumb closePopover|>\n                    {{yield breadcrumb closePopover to=\"popoverContent\"}}\n                  </:popoverContent>\n                </EuiBreadcrumbs>\n              {{else if this.popoverText}}\n                {{this.popoverText}}\n              {{else if this.popoverComponent}}\n                {{#let this.popoverComponent as |Content|}}\n                  <Content\n                    @closePopover={{fn popover.setState false}}\n                    @breadcrumb={{this.popoverBreadcrumb}}\n                  />\n                {{/let}}\n              {{else}}\n                {{yield this.popoverBreadcrumb (fn popover.setState false) to=\"popoverContent\"}}\n              {{/if}}\n            </:content>\n          </EuiPopover>\n        </li>\n      {{/let}}\n    {{else if this.breadcrumb}}\n      <li class={{this.liClass}} data-test-subj=\"euiBreadcrumb\">\n        <EuiInnerText as |setInnerTextRef innerText|>\n          {{#if this.isInteractive}}\n            <EuiLink\n              {{didInsert setInnerTextRef}}\n              @color={{this.linkColor}}\n              @href={{this.breadcrumb.href}}\n              @rel={{this.breadcrumb.rel}}\n              title={{if innerText innerText}}\n              class={{this.contentClassNames}}\n              @css={{this.contentStyles}}\n              aria-current={{this.ariaCurrent}}\n              {{on \"click\" (optional this.breadcrumb.onClick)}}\n            >\n              {{this.breadcrumb.text}}\n            </EuiLink>\n          {{else}}\n            <span\n              {{didInsert setInnerTextRef}}\n              title={{if innerText innerText}}\n              class={{this.contentClass}}\n              aria-current={{this.ariaCurrent}}\n            >\n              {{this.breadcrumb.text}}\n            </span>\n          {{/if}}\n        </EuiInnerText>\n      </li>\n    {{/if}}\n  </template>\n}\n"],"names":["responsiveDefault","xs","s","m","LIST_RESET","boxSizing","margin","padding","listStyle","ITEM_RESET","limitBreadcrumbs","breadcrumbs","max","atStart","atEnd","limit","Math","min","length","start","floor","overflow","slice","i","isEven","normalizedIndex","index","breadcrumb","unshift","push","map","EuiBreadcrumbs","Component","g","prototype","service","tracked","constructor","owner","args","currentBreakpoint","getBreakpoint","window","Infinity","innerWidth","updateBreakpoint","breakpoint","onResize","throttle","ariaLabel","euiI18n","lookupToken","collapsedLabel","type","lastBreadcrumbIsCurrentPage","truncate","responsiveMax","responsive","responsiveObject","classes","css","euiClass","getEuiThemeContext","n","cached","listClasses","context","styles","useEuiBorealisStyles","euiBreadcrumbsListStyles","euiBreadcrumbs__list","isTruncated","items","visible","isFirst","isLast","isOnly","setComponentTemplate","precompileTemplate","strictMode","scope","onWindowResize","BreadcrumbItem","isCollapsed","Boolean","item","itemTruncate","truncateLast","popoverBreadcrumb","popoverText","content","popoverContent","undefined","popoverComponent","hasPopover","isPopover","popoverAriaLabel","isInteractive","href","onClick","ariaCurrent","linkColor","color","liClass","euiBreadcrumbStyles","euiBreadcrumb","contentCss","euiBreadcrumbContentStyles","isApplication","euiBreadcrumb__content","applicationStyles","onlyChild","firstChild","lastChild","intermediateChild","truncationCss","isTruncatedLast","interactionCss","contentStyles","popoverStyles","euiBreadcrumbPopoverStyles","euiBreadcrumb__popoverButton","popoverUserCss","popoverProps","contentClassNames","className","filter","join","contentClass","truncationClass","euiBreadcrumb__popoverTruncation","popoverCss","popoverWrapper","euiBreadcrumb__popoverWrapper","useState","EuiPopover","fn","EuiLink","on","EuiIcon","EuiToolTip","EuiInnerText","didInsert","optional"],"mappings":"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"}

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

@@ -2,13 +2,14 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { az as euiTextTruncate, a5 as euiButtonDisplayContentStyles } from '../styles.generated-SYAxYhey.js';
 import euiApplyProps from '../-private/eui-apply-props.js';
 import EuiIcon from './eui-icon.js';
 import EuiLoadingSpinner from './eui-loading-spinner.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiButtonDisplayContentStyles } from '../utils/eui/styles.generated/components/button/button_display/_button_display_content.styles.js';
 
 const DISABLED_SPINNER = {
   border: 'currentcolor'

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

@@ -1 +1 @@
-{"version":3,"file":"eui-button-content.js","sources":["../../src/components/eui-button-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiButtonDisplayContentStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport euiApplyProps from '../-private/eui-apply-props.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiElementProps } from '../-private/eui-apply-props.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiLoadingSpinnerSignature } from './eui-loading-spinner';\n\nexport interface EuiButtonContentSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: 'left' | 'right';\n    /** Replaces the icon with a loading spinner. */\n    isLoading?: boolean;\n    /** Icon before (or after) the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon (and spinner). Defaults to `'m'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** @deprecated Has no effect, see `EuiIcon`. */\n    useSvg?: boolean;\n    /** @deprecated Not needed: a component passed as `@iconType` is rendered. */\n    useComponent?: boolean;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /**\n     * HTML attributes for the element wrapping the text (upstream's\n     * `textProps`); `class`/`className`/`css` are handled by the owner.\n     */\n    textProps?: EuiElementProps | false;\n    /**\n     * Button size (`'xs'`, `'s'` or `'m'`). When set, the content styles\n     * itself with upstream `EuiButtonDisplayContent` styles: a centered flex\n     * row with an `xs` gap, the icon placed after the text for\n     * `@iconSide=\"right\"`, and a padded, truncated text wrapper. Without it\n     * the caller styles the content (legacy contract of `EuiButton` and\n     * `EuiButtonEmpty`, which pass their own classes).\n     */\n    size?: 'xs' | 's' | 'm';\n    /**\n     * The owning button is disabled: like upstream, the loading spinner then\n     * takes the text color (`border: currentcolor`). Only used with `@size`.\n     */\n    isDisabled?: boolean;\n    /** Extra styles composed last into the text wrapper's class (`@size` only). */\n    textCss?: EuiCss;\n    /** `data-text` of the text wrapper, for `euiTextShift` (`@size` only). */\n    textDataText?: string;\n  };\n  Blocks: {\n    /** The button's text. */\n    default: [];\n  };\n}\n\nconst DISABLED_SPINNER: EuiLoadingSpinnerSignature['Args']['color'] = {\n  border: 'currentcolor'\n};\n\n/**\n * The icon/spinner and text of a button: upstream\n * `EuiButtonDisplayContent`.\n */\nexport default class EuiButtonContent extends Component<EuiButtonContentSignature> {\n  get styled() {\n    return this.args.size !== undefined;\n  }\n  get iconSize() {\n    return this.args.iconSize ?? 'm';\n  }\n  get spinnerSize(): EuiLoadingSpinnerSignature['Args']['size'] {\n    const size = this.iconSize;\n    return size === 's' ||\n      size === 'm' ||\n      size === 'l' ||\n      size === 'xl' ||\n      size === 'xxl'\n      ? size\n      : 'm';\n  }\n  get iconAfter() {\n    return this.styled && this.args.iconSide === 'right';\n  }\n  get spinnerColor() {\n    return this.styled && this.args.isDisabled ? DISABLED_SPINNER : undefined;\n  }\n  @cached\n  get classes() {\n    if (!this.styled) return 'euiButtonContent';\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    return `euiButtonContent ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiButtonDisplayContent\n    )}`;\n  }\n  @cached\n  get textClasses() {\n    if (!this.styled) return this.args.textClasses;\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    const size = this.args.size ?? 'm';\n    return [\n      'eui-textTruncate',\n      this.args.textClasses,\n      euiClass(\n        context,\n        styles.content[size] ?? styles.content.m,\n        euiTextTruncate(),\n        this.args.textCss\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    <span class={{this.classes}} ...attributes>\n      {{#unless this.iconAfter}}\n        {{#if @isLoading}}\n          <EuiLoadingSpinner\n            class=\"euiButtonContent__spinner\"\n            @size={{this.spinnerSize}}\n            @color={{this.spinnerColor}}\n          />\n        {{else if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{this.iconSize}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @color=\"inherit\"\n          />\n        {{/if}}\n      {{/unless}}\n      <span\n        class={{this.textClasses}}\n        data-text={{@textDataText}}\n        {{euiApplyProps @textProps}}\n      >{{yield}}</span>\n      {{#if this.iconAfter}}\n        {{#if @isLoading}}\n          <EuiLoadingSpinner\n            class=\"euiButtonContent__spinner\"\n            @size={{this.spinnerSize}}\n            @color={{this.spinnerColor}}\n          />\n        {{else if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{this.iconSize}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @color=\"inherit\"\n          />\n        {{/if}}\n      {{/if}}\n    </span>\n  </template>\n}\n"],"names":["DISABLED_SPINNER","border","EuiButtonContent","Component","styled","args","size","undefined","iconSize","spinnerSize","iconAfter","iconSide","spinnerColor","isDisabled","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiButtonDisplayContentStyles","euiClass","boxSizing","euiButtonDisplayContent","n","prototype","cached","textClasses","content","m","euiTextTruncate","textCss","filter","Boolean","join","setComponentTemplate","precompileTemplate","strictMode","scope","EuiLoadingSpinner","EuiIcon","euiApplyProps"],"mappings":";;;;;;;;;;;;AAmEA,MAAMA,gBAAqD,GAAW;AACpEC,EAAAA,MAAA,EAAQ;AACV,CAAA;AAEA;;;;AAIe,MAAMC,gBAAA,SAAyBC,SAAA,CAAU;EACtD,IAAIC,MAAAA,GAAS;AACX,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,IAAI,KAAKC,SAAA;AAC5B,EAAA;EACA,IAAIC,QAAAA,GAAW;AACb,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,QAAQ,IAAI,GAAA;AAC/B,EAAA;EACA,IAAIC,WAAAA,GAA0D;AAC5D,IAAA,MAAMH,IAAA,GAAO,IAAI,CAACE,QAAQ;IAC1B,OAAOF,IAAA,KAAS,GAAA,IACdA,IAAA,KAAS,GAAA,IACTA,IAAA,KAAS,OACTA,IAAA,KAAS,IAAA,IACTA,IAAA,KAAS,KAAA,GACPA,IAAA,GACA,GAAA;AACN,EAAA;EACA,IAAII,SAAAA,GAAY;IACd,OAAO,IAAI,CAACN,MAAM,IAAI,IAAI,CAACC,IAAI,CAACM,QAAQ,KAAK,OAAA;AAC/C,EAAA;EACA,IAAIC,YAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACR,MAAM,IAAI,IAAI,CAACC,IAAI,CAACQ,UAAU,GAAGb,gBAAA,GAAmBO,SAAA;AAClE,EAAA;EACA,IACIO,OAAAA,GAAU;AACZ,IAAA,IAAI,CAAC,IAAI,CAACV,MAAM,EAAE,OAAO,kBAAA;AACzB,IAAA,MAAMW,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,6BAAA,CAAA;AAC7C,IAAA,OAAO,CAAA,iBAAA,EAAoBC,QAAA,CACzBL,OAAA,EACA;AAAEM,MAAAA,SAAA,EAAW;AAAa,KAAA,EAC1BJ,MAAA,CAAOK,uBAAuB,CAAA,CAAA,CAC7B;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAVCC,MAAA,CAAA,CAAA;AAAA;EAWD,IACIC,WAAAA,GAAc;IAChB,IAAI,CAAC,IAAI,CAACtB,MAAM,EAAE,OAAO,IAAI,CAACC,IAAI,CAACqB,WAAW;AAC9C,IAAA,MAAMX,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,6BAAA,CAAA;IAC7C,MAAMb,OAAO,IAAI,CAACD,IAAI,CAACC,IAAI,IAAI,GAAA;IAC/B,OAAO,CACL,kBAAA,EACA,IAAI,CAACD,IAAI,CAACqB,WAAW,EACrBN,QAAA,CACEL,SACAE,MAAA,CAAOU,OAAO,CAACrB,IAAA,CAAK,IAAIW,MAAA,CAAOU,OAAO,CAACC,CAAC,EACxCC,eAAA,EAAA,EACA,IAAI,CAACxB,IAAI,CAACyB,OAAO,CAAA,CAEpB,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;AAAA,EAAA;IAAAV,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAlBCC,MAAA,CAAA,CAAA;AAAA;AAoBD,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAAA,s+BAAA,EA4CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,iBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-button-content.js","sources":["../../src/components/eui-button-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiButtonDisplayContentStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport euiApplyProps from '../-private/eui-apply-props.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiElementProps } from '../-private/eui-apply-props.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiLoadingSpinnerSignature } from './eui-loading-spinner';\n\nexport interface EuiButtonContentSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: 'left' | 'right';\n    /** Replaces the icon with a loading spinner. */\n    isLoading?: boolean;\n    /** Icon before (or after) the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon (and spinner). Defaults to `'m'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** @deprecated Has no effect, see `EuiIcon`. */\n    useSvg?: boolean;\n    /** @deprecated Not needed: a component passed as `@iconType` is rendered. */\n    useComponent?: boolean;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /**\n     * HTML attributes for the element wrapping the text (upstream's\n     * `textProps`); `class`/`className`/`css` are handled by the owner.\n     */\n    textProps?: EuiElementProps | false;\n    /**\n     * Button size (`'xs'`, `'s'` or `'m'`). When set, the content styles\n     * itself with upstream `EuiButtonDisplayContent` styles: a centered flex\n     * row with an `xs` gap, the icon placed after the text for\n     * `@iconSide=\"right\"`, and a padded, truncated text wrapper. Without it\n     * the caller styles the content (legacy contract of `EuiButton` and\n     * `EuiButtonEmpty`, which pass their own classes).\n     */\n    size?: 'xs' | 's' | 'm';\n    /**\n     * The owning button is disabled: like upstream, the loading spinner then\n     * takes the text color (`border: currentcolor`). Only used with `@size`.\n     */\n    isDisabled?: boolean;\n    /** Extra styles composed last into the text wrapper's class (`@size` only). */\n    textCss?: EuiCss;\n    /** `data-text` of the text wrapper, for `euiTextShift` (`@size` only). */\n    textDataText?: string;\n  };\n  Blocks: {\n    /** The button's text. */\n    default: [];\n  };\n}\n\nconst DISABLED_SPINNER: EuiLoadingSpinnerSignature['Args']['color'] = {\n  border: 'currentcolor'\n};\n\n/**\n * The icon/spinner and text of a button: upstream\n * `EuiButtonDisplayContent`.\n */\nexport default class EuiButtonContent extends Component<EuiButtonContentSignature> {\n  get styled() {\n    return this.args.size !== undefined;\n  }\n  get iconSize() {\n    return this.args.iconSize ?? 'm';\n  }\n  get spinnerSize(): EuiLoadingSpinnerSignature['Args']['size'] {\n    const size = this.iconSize;\n    return size === 's' ||\n      size === 'm' ||\n      size === 'l' ||\n      size === 'xl' ||\n      size === 'xxl'\n      ? size\n      : 'm';\n  }\n  get iconAfter() {\n    return this.styled && this.args.iconSide === 'right';\n  }\n  get spinnerColor() {\n    return this.styled && this.args.isDisabled ? DISABLED_SPINNER : undefined;\n  }\n  @cached\n  get classes() {\n    if (!this.styled) return 'euiButtonContent';\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    return `euiButtonContent ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiButtonDisplayContent\n    )}`;\n  }\n  @cached\n  get textClasses() {\n    if (!this.styled) return this.args.textClasses;\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    const size = this.args.size ?? 'm';\n    return [\n      'eui-textTruncate',\n      this.args.textClasses,\n      euiClass(\n        context,\n        styles.content[size] ?? styles.content.m,\n        euiTextTruncate(),\n        this.args.textCss\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    <span class={{this.classes}} ...attributes>\n      {{#unless this.iconAfter}}\n        {{#if @isLoading}}\n          <EuiLoadingSpinner\n            class=\"euiButtonContent__spinner\"\n            @size={{this.spinnerSize}}\n            @color={{this.spinnerColor}}\n          />\n        {{else if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{this.iconSize}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @color=\"inherit\"\n          />\n        {{/if}}\n      {{/unless}}\n      <span\n        class={{this.textClasses}}\n        data-text={{@textDataText}}\n        {{euiApplyProps @textProps}}\n      >{{yield}}</span>\n      {{#if this.iconAfter}}\n        {{#if @isLoading}}\n          <EuiLoadingSpinner\n            class=\"euiButtonContent__spinner\"\n            @size={{this.spinnerSize}}\n            @color={{this.spinnerColor}}\n          />\n        {{else if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{this.iconSize}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @color=\"inherit\"\n          />\n        {{/if}}\n      {{/if}}\n    </span>\n  </template>\n}\n"],"names":["DISABLED_SPINNER","border","EuiButtonContent","Component","styled","args","size","undefined","iconSize","spinnerSize","iconAfter","iconSide","spinnerColor","isDisabled","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiButtonDisplayContentStyles","euiClass","boxSizing","euiButtonDisplayContent","n","prototype","cached","textClasses","content","m","euiTextTruncate","textCss","filter","Boolean","join","setComponentTemplate","precompileTemplate","strictMode","scope","EuiLoadingSpinner","EuiIcon","euiApplyProps"],"mappings":";;;;;;;;;;;;;AAmEA,MAAMA,gBAAqD,GAAW;AACpEC,EAAAA,MAAA,EAAQ;AACV,CAAA;AAEA;;;;AAIe,MAAMC,gBAAA,SAAyBC,SAAA,CAAU;EACtD,IAAIC,MAAAA,GAAS;AACX,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,IAAI,KAAKC,SAAA;AAC5B,EAAA;EACA,IAAIC,QAAAA,GAAW;AACb,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,QAAQ,IAAI,GAAA;AAC/B,EAAA;EACA,IAAIC,WAAAA,GAA0D;AAC5D,IAAA,MAAMH,IAAA,GAAO,IAAI,CAACE,QAAQ;IAC1B,OAAOF,IAAA,KAAS,GAAA,IACdA,IAAA,KAAS,GAAA,IACTA,IAAA,KAAS,OACTA,IAAA,KAAS,IAAA,IACTA,IAAA,KAAS,KAAA,GACPA,IAAA,GACA,GAAA;AACN,EAAA;EACA,IAAII,SAAAA,GAAY;IACd,OAAO,IAAI,CAACN,MAAM,IAAI,IAAI,CAACC,IAAI,CAACM,QAAQ,KAAK,OAAA;AAC/C,EAAA;EACA,IAAIC,YAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACR,MAAM,IAAI,IAAI,CAACC,IAAI,CAACQ,UAAU,GAAGb,gBAAA,GAAmBO,SAAA;AAClE,EAAA;EACA,IACIO,OAAAA,GAAU;AACZ,IAAA,IAAI,CAAC,IAAI,CAACV,MAAM,EAAE,OAAO,kBAAA;AACzB,IAAA,MAAMW,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,6BAAA,CAAA;AAC7C,IAAA,OAAO,CAAA,iBAAA,EAAoBC,QAAA,CACzBL,OAAA,EACA;AAAEM,MAAAA,SAAA,EAAW;AAAa,KAAA,EAC1BJ,MAAA,CAAOK,uBAAuB,CAAA,CAAA,CAC7B;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAVCC,MAAA,CAAA,CAAA;AAAA;EAWD,IACIC,WAAAA,GAAc;IAChB,IAAI,CAAC,IAAI,CAACtB,MAAM,EAAE,OAAO,IAAI,CAACC,IAAI,CAACqB,WAAW;AAC9C,IAAA,MAAMX,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,6BAAA,CAAA;IAC7C,MAAMb,OAAO,IAAI,CAACD,IAAI,CAACC,IAAI,IAAI,GAAA;IAC/B,OAAO,CACL,kBAAA,EACA,IAAI,CAACD,IAAI,CAACqB,WAAW,EACrBN,QAAA,CACEL,SACAE,MAAA,CAAOU,OAAO,CAACrB,IAAA,CAAK,IAAIW,MAAA,CAAOU,OAAO,CAACC,CAAC,EACxCC,eAAA,EAAA,EACA,IAAI,CAACxB,IAAI,CAACyB,OAAO,CAAA,CAEpB,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;AAAA,EAAA;IAAAV,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAlBCC,MAAA,CAAA,CAAA;AAAA;AAoBD,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAAA,s+BAAA,EA4CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,iBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-button-empty.js

@@ -6,11 +6,14 @@ import euiApplyProps, { propsClasses } from '../-private/eui-apply-props.js';
 import euiDisabledElement from '../-private/eui-disabled-element.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { a2 as euiFocusRing, a6 as euiButtonEmptyStyles, a4 as euiButtonDisplaysColors, a5 as euiButtonDisplayContentStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButtonContent from './eui-button-content.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFocusRing } from '../utils/eui/styles.generated/shared/3X7KG6KZ.js';
+import { euiButtonEmptyStyles } from '../utils/eui/styles.generated/components/button/button_empty/button_empty.styles.js';
+import { euiButtonDisplaysColors } from '../utils/eui/styles.generated/shared/OMXYFSPG.js';
+import { euiButtonDisplayContentStyles } from '../utils/eui/styles.generated/components/button/button_display/_button_display_content.styles.js';
 
 /** Native Ember empty button using the upstream EUI 123 / Borealis factories. */class EuiButtonEmpty extends Component {
   get context() {

package/dist/components/eui-button-empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-button-empty.js","sources":["../../src/components/eui-button-empty.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport type { CSSObject } from '@emotion/css/create-instance';\nimport { resolveButtonCommonProps } from '../-private/eui-button-context.ts';\nimport EuiButtonGroupItem from '../-private/eui-button-group-item.gts';\nimport euiApplyProps, { propsClasses } from '../-private/eui-apply-props.ts';\nimport type { EuiElementProps } from '../-private/eui-apply-props.ts';\nimport euiDisabledElement from '../-private/eui-disabled-element.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  euiButtonDisplayContentStyles,\n  euiButtonDisplaysColors,\n  euiButtonEmptyStyles,\n  euiFocusRing\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonContent from './eui-button-content.gts';\n\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiButtonContext } from '../-private/eui-button-context.ts';\n\n\nexport interface EuiButtonEmptySignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    /** Shows a spinner instead of the icon and disables the button. */\n    isLoading?: boolean;\n    /** `'xs'`, `'s'` or `'m'`. Defaults to `'m'`. */\n    size?: 'xs' | 's' | 'm';\n    /** Size of the icon. Defaults to `'m'` (always `'s'` for `@size=\"xs\"`). */\n    iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n    /**\n     * `'primary'`, `'accent'`, `'accentSecondary'`, `'success'`,\n     * `'warning'`, `'danger'`, `'text'`, `'neutral'` or `'risk'`. `'ghost'`\n     * is still accepted and renders as `'text'` (latest EUI dropped it): wrap\n     * it in a dark `EuiEmotionProvider`. Defaults to `'primary'`.\n     */\n    color?: string;\n    /** Icon next to the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /** Classes for the element wrapping the icon and text. */\n    contentClasses?: string;\n    /**\n     * Extra styles composed last into the class of the element wrapping the\n     * icon and text (upstream's `contentProps.css`).\n     */\n    contentCss?: EuiCss;\n    /**\n     * Removes the padding on `'left'`, `'right'` or `'both'` sides, to align\n     * the text with content above or below it.\n     */\n    flush?: 'left' | 'right' | 'both';\n    /**\n     * Renders an `<a>` link instead of a `<button>` (a disabled or loading\n     * button stays a `<button>`).\n     */\n    href?: string;\n    /** `target` of the `@href` link, e.g. `'_blank'`. */\n    target?: string;\n    /** Disables the button and greys it out. */\n    isDisabled?: boolean;\n    /**\n     * Beta: with `@isDisabled`, renders `aria-disabled=\"true\"` instead of the\n     * native `disabled` attribute. The button keeps focus (e.g. for a\n     * tooltip) while clicks, pointer and key events (except Tab and Escape)\n     * are blocked. Style it with `[aria-disabled=\"true\"]`, not `:disabled`.\n     */\n    hasAriaDisabled?: boolean;\n    /**\n     * @private Props cascaded by a parent `EuiButtonGroup` (curried into\n     * the buttons it yields).\n     */\n    buttonContext?: EuiButtonContext;\n    /** @deprecated Has no effect, see `EuiIcon`. */\n    useSvg?: boolean;\n    /** @deprecated Not needed: a component passed as `@iconType` is rendered. */\n    useComponent?: boolean;\n    /** `type` of the `<button>`, e.g. `'submit'`. Defaults to `'button'`. */\n    type?: string;\n    /**\n     * For toggle buttons: sets `aria-pressed` to `\"true\"` / `\"false\"`. Leave\n     * it undefined for regular buttons.\n     */\n    isSelected?: boolean;\n    /** Same as `@isDisabled`. */\n    disabled?: boolean;\n    /**\n     * Upstream's `contentProps`, for the element wrapping the icon and\n     * text: `class`/`className`, `css` and HTML attributes (`data-*`,\n     * `aria-*`, `title`, ...). Event handlers are not supported.\n     */\n    contentProps?: EuiElementProps;\n    /**\n     * Upstream's `textProps`, for the element wrapping the text, with the\n     * same keys as `@contentProps`. `false` is not supported.\n     */\n    textProps?: EuiElementProps;\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  Blocks: {\n    /** The button's text. */\n    default: [];\n  };\n}\n\n/** Native Ember empty button using the upstream EUI 123 / Borealis factories. */\nexport default class EuiButtonEmpty extends Component<EuiButtonEmptySignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  @cached\n  get common() {\n    const args = this.args;\n    return resolveButtonCommonProps({\n      context: args.buttonContext,\n      size: args.size,\n      color: args.color,\n      isDisabled: args.isDisabled,\n      disabled: args.disabled,\n      isLoading: args.isLoading,\n      hasAriaDisabled: args.hasAriaDisabled\n    });\n  }\n  get isDisabled() {\n    return this.common.isDisabled;\n  }\n  get hasAriaDisabled() {\n    return this.common.hasAriaDisabled;\n  }\n  /** Native `disabled`, unless `@hasAriaDisabled` swaps it for `aria-disabled`. */\n  get disabledAttr() {\n    return this.hasAriaDisabled ? undefined : this.isDisabled;\n  }\n  get ariaDisabled() {\n    return this.hasAriaDisabled && this.isDisabled ? 'true' : undefined;\n  }\n  get tagName() {\n    return this.args.href && !this.isDisabled ? 'a' : 'button';\n  }\n  get href() {\n    return this.tagName === 'a' ? this.args.href : undefined;\n  }\n  get target() {\n    return this.tagName === 'a' ? this.args.target : undefined;\n  }\n  get type() {\n    return this.tagName === 'button' ? (this.args.type ?? 'button') : undefined;\n  }\n  get pressed() {\n    return this.tagName === 'button' && this.args.isSelected !== undefined\n      ? String(this.args.isSelected)\n      : undefined;\n  }\n  get size(): 'xs' | 's' | 'm' {\n    const size = this.common.size;\n    return size === 'xs' || size === 's' ? size : 'm';\n  }\n  get iconSize() {\n    return this.size === 'xs' ? 's' : (this.args.iconSize ?? 'm');\n  }\n  @cached\n  get classes() {\n    const context = this.context;\n    const theme = context.upstream.euiTheme;\n    const styles = useEuiBorealisStyles(context, euiButtonEmptyStyles);\n    const colors = useEuiBorealisStyles(context, euiButtonDisplaysColors)[\n      'empty'\n    ]!;\n    const color = this.common.color;\n    const colorName = color === 'ghost' ? 'text' : (color ?? 'primary');\n    const flush = this.args.flush;\n    // A scoped equivalent of the React global reset. Deliberately no global injection.\n    const reset: CSSObject = {\n      boxSizing: 'border-box',\n      border: 'none',\n      margin: 0,\n      padding: 0,\n      background: 'none',\n      fontFamily: theme.font.family,\n      textDecoration: 'none'\n    };\n    const css = euiClass(\n      context,\n      reset,\n      `&:focus { ${euiFocusRing(context.upstream)} }`,\n      styles.euiButtonEmpty,\n      styles[this.size],\n      colors[this.isDisabled ? 'disabled' : colorName] ?? colors['primary'],\n      flush && styles.flush,\n      flush && styles[flush],\n      this.isDisabled && styles.isDisabled,\n      this.args.css\n    );\n    return `euiButtonEmpty ${css}`;\n  }\n  @cached\n  get contentClasses() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    return [\n      'euiButtonEmpty__content',\n      this.args.contentClasses,\n      propsClasses(this.args.contentProps),\n      euiClass(context, styles.euiButtonDisplayContent, {\n        boxSizing: 'border-box',\n        flexDirection: this.args.iconSide === 'right' ? 'row-reverse' : 'row',\n        '& .euiButtonContent__icon': {\n          flexShrink: 0,\n          margin: 0\n        },\n        '& .euiButtonContent__spinner': {\n          margin: 0,\n          borderColor: 'currentColor',\n          borderRightColor: 'transparent'\n        }\n      }, this.args.contentCss, this.args.contentProps?.css)\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n  @cached\n  get textClasses() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    return [\n      'euiButtonEmpty__text',\n      this.args.textClasses,\n      propsClasses(this.args.textProps),\n      euiClass(context, styles.content[this.size], {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n        minInlineSize: 0\n      }, this.args.textProps?.css)\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    <EuiButtonGroupItem @wrap={{@buttonContext.wrapInItem}}>\n      {{#let (element this.tagName) as |Element|}}\n        <Element\n          class={{this.classes}}\n          disabled={{this.disabledAttr}}\n          aria-disabled={{this.ariaDisabled}}\n          href={{this.href}}\n          target={{this.target}}\n          aria-busy={{if @isLoading \"true\" null}}\n          aria-pressed={{this.pressed}}\n          type={{this.type}}\n          {{euiDisabledElement this.isDisabled this.hasAriaDisabled}}\n          ...attributes\n        >\n          <EuiButtonContent\n            class={{this.contentClasses}}\n            @isLoading={{@isLoading}}\n            @iconType={{@iconType}}\n            @iconSide={{@iconSide}}\n            @iconSize={{this.iconSize}}\n            @iconClasses={{@iconClasses}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @textClasses={{this.textClasses}}\n            @textProps={{@textProps}}\n            {{euiApplyProps @contentProps}}\n          >{{yield}}</EuiButtonContent>\n        </Element>\n      {{/let}}\n    </EuiButtonGroupItem>\n  </template>\n}\n"],"names":["EuiButtonEmpty","Component","context","getEuiThemeContext","common","args","resolveButtonCommonProps","buttonContext","size","color","isDisabled","disabled","isLoading","hasAriaDisabled","n","prototype","cached","disabledAttr","undefined","ariaDisabled","tagName","href","target","type","pressed","isSelected","String","iconSize","classes","theme","upstream","euiTheme","styles","useEuiBorealisStyles","euiButtonEmptyStyles","colors","euiButtonDisplaysColors","colorName","flush","reset","boxSizing","border","margin","padding","background","fontFamily","font","family","textDecoration","css","euiClass","euiFocusRing","euiButtonEmpty","contentClasses","euiButtonDisplayContentStyles","propsClasses","contentProps","euiButtonDisplayContent","flexDirection","iconSide","flexShrink","borderColor","borderRightColor","contentCss","filter","Boolean","join","textClasses","textProps","content","overflow","textOverflow","whiteSpace","minInlineSize","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonGroupItem","euiDisabledElement","EuiButtonContent","euiApplyProps"],"mappings":"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"}
+{"version":3,"file":"eui-button-empty.js","sources":["../../src/components/eui-button-empty.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport type { CSSObject } from '@emotion/css/create-instance';\nimport { resolveButtonCommonProps } from '../-private/eui-button-context.ts';\nimport EuiButtonGroupItem from '../-private/eui-button-group-item.gts';\nimport euiApplyProps, { propsClasses } from '../-private/eui-apply-props.ts';\nimport type { EuiElementProps } from '../-private/eui-apply-props.ts';\nimport euiDisabledElement from '../-private/eui-disabled-element.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  euiButtonDisplayContentStyles,\n  euiButtonDisplaysColors,\n  euiButtonEmptyStyles,\n  euiFocusRing\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonContent from './eui-button-content.gts';\n\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiButtonContext } from '../-private/eui-button-context.ts';\n\n\nexport interface EuiButtonEmptySignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    /** Shows a spinner instead of the icon and disables the button. */\n    isLoading?: boolean;\n    /** `'xs'`, `'s'` or `'m'`. Defaults to `'m'`. */\n    size?: 'xs' | 's' | 'm';\n    /** Size of the icon. Defaults to `'m'` (always `'s'` for `@size=\"xs\"`). */\n    iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n    /**\n     * `'primary'`, `'accent'`, `'accentSecondary'`, `'success'`,\n     * `'warning'`, `'danger'`, `'text'`, `'neutral'` or `'risk'`. `'ghost'`\n     * is still accepted and renders as `'text'` (latest EUI dropped it): wrap\n     * it in a dark `EuiEmotionProvider`. Defaults to `'primary'`.\n     */\n    color?: string;\n    /** Icon next to the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /** Classes for the element wrapping the icon and text. */\n    contentClasses?: string;\n    /**\n     * Extra styles composed last into the class of the element wrapping the\n     * icon and text (upstream's `contentProps.css`).\n     */\n    contentCss?: EuiCss;\n    /**\n     * Removes the padding on `'left'`, `'right'` or `'both'` sides, to align\n     * the text with content above or below it.\n     */\n    flush?: 'left' | 'right' | 'both';\n    /**\n     * Renders an `<a>` link instead of a `<button>` (a disabled or loading\n     * button stays a `<button>`).\n     */\n    href?: string;\n    /** `target` of the `@href` link, e.g. `'_blank'`. */\n    target?: string;\n    /** Disables the button and greys it out. */\n    isDisabled?: boolean;\n    /**\n     * Beta: with `@isDisabled`, renders `aria-disabled=\"true\"` instead of the\n     * native `disabled` attribute. The button keeps focus (e.g. for a\n     * tooltip) while clicks, pointer and key events (except Tab and Escape)\n     * are blocked. Style it with `[aria-disabled=\"true\"]`, not `:disabled`.\n     */\n    hasAriaDisabled?: boolean;\n    /**\n     * @private Props cascaded by a parent `EuiButtonGroup` (curried into\n     * the buttons it yields).\n     */\n    buttonContext?: EuiButtonContext;\n    /** @deprecated Has no effect, see `EuiIcon`. */\n    useSvg?: boolean;\n    /** @deprecated Not needed: a component passed as `@iconType` is rendered. */\n    useComponent?: boolean;\n    /** `type` of the `<button>`, e.g. `'submit'`. Defaults to `'button'`. */\n    type?: string;\n    /**\n     * For toggle buttons: sets `aria-pressed` to `\"true\"` / `\"false\"`. Leave\n     * it undefined for regular buttons.\n     */\n    isSelected?: boolean;\n    /** Same as `@isDisabled`. */\n    disabled?: boolean;\n    /**\n     * Upstream's `contentProps`, for the element wrapping the icon and\n     * text: `class`/`className`, `css` and HTML attributes (`data-*`,\n     * `aria-*`, `title`, ...). Event handlers are not supported.\n     */\n    contentProps?: EuiElementProps;\n    /**\n     * Upstream's `textProps`, for the element wrapping the text, with the\n     * same keys as `@contentProps`. `false` is not supported.\n     */\n    textProps?: EuiElementProps;\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  Blocks: {\n    /** The button's text. */\n    default: [];\n  };\n}\n\n/** Native Ember empty button using the upstream EUI 123 / Borealis factories. */\nexport default class EuiButtonEmpty extends Component<EuiButtonEmptySignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  @cached\n  get common() {\n    const args = this.args;\n    return resolveButtonCommonProps({\n      context: args.buttonContext,\n      size: args.size,\n      color: args.color,\n      isDisabled: args.isDisabled,\n      disabled: args.disabled,\n      isLoading: args.isLoading,\n      hasAriaDisabled: args.hasAriaDisabled\n    });\n  }\n  get isDisabled() {\n    return this.common.isDisabled;\n  }\n  get hasAriaDisabled() {\n    return this.common.hasAriaDisabled;\n  }\n  /** Native `disabled`, unless `@hasAriaDisabled` swaps it for `aria-disabled`. */\n  get disabledAttr() {\n    return this.hasAriaDisabled ? undefined : this.isDisabled;\n  }\n  get ariaDisabled() {\n    return this.hasAriaDisabled && this.isDisabled ? 'true' : undefined;\n  }\n  get tagName() {\n    return this.args.href && !this.isDisabled ? 'a' : 'button';\n  }\n  get href() {\n    return this.tagName === 'a' ? this.args.href : undefined;\n  }\n  get target() {\n    return this.tagName === 'a' ? this.args.target : undefined;\n  }\n  get type() {\n    return this.tagName === 'button' ? (this.args.type ?? 'button') : undefined;\n  }\n  get pressed() {\n    return this.tagName === 'button' && this.args.isSelected !== undefined\n      ? String(this.args.isSelected)\n      : undefined;\n  }\n  get size(): 'xs' | 's' | 'm' {\n    const size = this.common.size;\n    return size === 'xs' || size === 's' ? size : 'm';\n  }\n  get iconSize() {\n    return this.size === 'xs' ? 's' : (this.args.iconSize ?? 'm');\n  }\n  @cached\n  get classes() {\n    const context = this.context;\n    const theme = context.upstream.euiTheme;\n    const styles = useEuiBorealisStyles(context, euiButtonEmptyStyles);\n    const colors = useEuiBorealisStyles(context, euiButtonDisplaysColors)[\n      'empty'\n    ]!;\n    const color = this.common.color;\n    const colorName = color === 'ghost' ? 'text' : (color ?? 'primary');\n    const flush = this.args.flush;\n    // A scoped equivalent of the React global reset. Deliberately no global injection.\n    const reset: CSSObject = {\n      boxSizing: 'border-box',\n      border: 'none',\n      margin: 0,\n      padding: 0,\n      background: 'none',\n      fontFamily: theme.font.family,\n      textDecoration: 'none'\n    };\n    const css = euiClass(\n      context,\n      reset,\n      `&:focus { ${euiFocusRing(context.upstream)} }`,\n      styles.euiButtonEmpty,\n      styles[this.size],\n      colors[this.isDisabled ? 'disabled' : colorName] ?? colors['primary'],\n      flush && styles.flush,\n      flush && styles[flush],\n      this.isDisabled && styles.isDisabled,\n      this.args.css\n    );\n    return `euiButtonEmpty ${css}`;\n  }\n  @cached\n  get contentClasses() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    return [\n      'euiButtonEmpty__content',\n      this.args.contentClasses,\n      propsClasses(this.args.contentProps),\n      euiClass(context, styles.euiButtonDisplayContent, {\n        boxSizing: 'border-box',\n        flexDirection: this.args.iconSide === 'right' ? 'row-reverse' : 'row',\n        '& .euiButtonContent__icon': {\n          flexShrink: 0,\n          margin: 0\n        },\n        '& .euiButtonContent__spinner': {\n          margin: 0,\n          borderColor: 'currentColor',\n          borderRightColor: 'transparent'\n        }\n      }, this.args.contentCss, this.args.contentProps?.css)\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n  @cached\n  get textClasses() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    return [\n      'euiButtonEmpty__text',\n      this.args.textClasses,\n      propsClasses(this.args.textProps),\n      euiClass(context, styles.content[this.size], {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n        minInlineSize: 0\n      }, this.args.textProps?.css)\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    <EuiButtonGroupItem @wrap={{@buttonContext.wrapInItem}}>\n      {{#let (element this.tagName) as |Element|}}\n        <Element\n          class={{this.classes}}\n          disabled={{this.disabledAttr}}\n          aria-disabled={{this.ariaDisabled}}\n          href={{this.href}}\n          target={{this.target}}\n          aria-busy={{if @isLoading \"true\" null}}\n          aria-pressed={{this.pressed}}\n          type={{this.type}}\n          {{euiDisabledElement this.isDisabled this.hasAriaDisabled}}\n          ...attributes\n        >\n          <EuiButtonContent\n            class={{this.contentClasses}}\n            @isLoading={{@isLoading}}\n            @iconType={{@iconType}}\n            @iconSide={{@iconSide}}\n            @iconSize={{this.iconSize}}\n            @iconClasses={{@iconClasses}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @textClasses={{this.textClasses}}\n            @textProps={{@textProps}}\n            {{euiApplyProps @contentProps}}\n          >{{yield}}</EuiButtonContent>\n        </Element>\n      {{/let}}\n    </EuiButtonGroupItem>\n  </template>\n}\n"],"names":["EuiButtonEmpty","Component","context","getEuiThemeContext","common","args","resolveButtonCommonProps","buttonContext","size","color","isDisabled","disabled","isLoading","hasAriaDisabled","n","prototype","cached","disabledAttr","undefined","ariaDisabled","tagName","href","target","type","pressed","isSelected","String","iconSize","classes","theme","upstream","euiTheme","styles","useEuiBorealisStyles","euiButtonEmptyStyles","colors","euiButtonDisplaysColors","colorName","flush","reset","boxSizing","border","margin","padding","background","fontFamily","font","family","textDecoration","css","euiClass","euiFocusRing","euiButtonEmpty","contentClasses","euiButtonDisplayContentStyles","propsClasses","contentProps","euiButtonDisplayContent","flexDirection","iconSide","flexShrink","borderColor","borderRightColor","contentCss","filter","Boolean","join","textClasses","textProps","content","overflow","textOverflow","whiteSpace","minInlineSize","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonGroupItem","euiDisabledElement","EuiButtonContent","euiApplyProps"],"mappings":"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"}

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

@@ -9,7 +9,6 @@ import ScreenReaderOnlyModifier from '../modifiers/screen-reader-only.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiButtonGroupButtonStyles } from '../utils/eui/buttons-misc.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { a2 as euiFocusRing, a3 as euiButtonDisplayStyles, a4 as euiButtonDisplaysColors } from '../styles.generated-SYAxYhey.js';
 import EuiButtonContent from './eui-button-content.js';
 import EuiImage$1 from './eui-inner-text.js';
 import EuiToolTip from './eui-tool-tip.js';
@@ -17,6 +16,9 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFocusRing } from '../utils/eui/styles.generated/shared/3X7KG6KZ.js';
+import { euiButtonDisplayStyles } from '../utils/eui/styles.generated/shared/PAAU7JXW.js';
+import { euiButtonDisplaysColors } from '../utils/eui/styles.generated/shared/OMXYFSPG.js';
 
 const COLORS = new Set(['text', 'accent', 'accentSecondary', 'primary', 'success', 'warning', 'danger', 'neutral', 'risk']);
 /** The option's element, rendered with or without a tooltip anchor. */const GroupButtonElement = setComponentTemplate(precompileTemplate("{{#let @button.args @button.inputId as |args inputId|}}\n  {{#let (element @button.tagName) as |Tag|}}\n    <EuiInnerText as |setInnerTextRef innerText|>\n      <Tag class={{@button.classes}} disabled={{@button.disabledAttr}} aria-disabled={{@button.ariaDisabled}} aria-pressed={{@button.pressed}} type={{@button.type}} for={{if @button.isButton undefined inputId}} id={{if @button.isButton inputId}} title={{@button.titleFor innerText}} {{euiDisabledElement args.isDisabled args.hasAriaDisabled}} {{on \"click\" @button.onClick}} {{didInsert setInnerTextRef}} ...attributes>\n        {{#unless @button.isButton}}\n          <input id={{inputId}} name={{args.name}} checked={{args.isSelected}} value={{args.value}} type=\"radio\" {{screenReaderOnly}} {{on \"change\" (fn args.onChange args.id args.value)}} />\n        {{/unless}}\n        <EuiButtonContent class={{args.contentClasses}} @size={{@button.size}} @isDisabled={{args.isDisabled}} @isLoading={{args.isLoading}} @iconType={{args.iconType}} @iconSide={{args.iconSide}} @iconSize={{args.iconSize}} @iconClasses={{args.iconClasses}} @textClasses=\"euiButtonGroupButton__text {{args.textClasses}}\" @textCss={{@button.textCss}} @textDataText={{innerText}}>{{args.label}}</EuiButtonContent>\n      </Tag>\n    </EuiInnerText>\n  {{/let}}\n{{/let}}", {

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

@@ -1 +1 @@
-{"version":3,"file":"eui-button-group-button.js","sources":["../../src/components/eui-button-group-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport euiDisabledElement from '../-private/eui-disabled-element.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiButtonGroupButtonStyles } from '../utils/eui/buttons-misc.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiButtonDisplayStyles,\n  euiButtonDisplaysColors,\n  euiFocusRing\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonContent from './eui-button-content.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { EuiButtonSignature } from './eui-button';\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { EuiTooltipArgs } from './eui-tool-tip';\nimport type { TOC } from '@ember/component/template-only';\n\n/** Upstream `EuiButtonGroup` colors (`BUTTON_COLORS`). */\nconst COLORS = new Set([\n  'text',\n  'accent',\n  'accentSecondary',\n  'primary',\n  'success',\n  'warning',\n  'danger',\n  'neutral',\n  'risk'\n]);\n\nexport interface EuiButtonGroupButtonSignature {\n  Element: EuiButtonSignature['Element'];\n  Args: {\n    /** Id of the option, passed to `@onChange`. */\n    id: string;\n    /** Value of the option, passed to `@onChange` for single selection. */\n    value?: string;\n    /**\n     * `'label'` wraps a visually hidden radio input (single selection\n     * groups), `'button'` renders a toggle button (multi selection groups).\n     * Defaults to `'button'`. A disabled option always renders a button.\n     */\n    element?: 'label' | 'button';\n    /** `name` of the radio input, shared by the group's buttons. */\n    name?: string;\n    /** The button's text (visually hidden with `@isIconOnly`). */\n    label?: string;\n    /** Disables the button. */\n    isDisabled?: boolean;\n    /**\n     * Beta: a disabled button gets `aria-disabled=\"true\"` instead of\n     * `disabled`, so it stays focusable (e.g. for its tooltip).\n     */\n    hasAriaDisabled?: boolean;\n    /**\n     * Native browser tooltip. Defaults to the button's text; pass `''` to\n     * unset it.\n     */\n    title?: string;\n    /** Whether the option is selected. */\n    isSelected?: boolean;\n    /** Shows only the icon; the label is kept for screen readers. */\n    isIconOnly?: boolean;\n    /** `'s'`, `'m'` or `'compressed'` (same height as `'s'`). */\n    size?: 's' | 'm' | 'compressed';\n    /** Color of the selected button, see `EuiButtonGroup`. */\n    color?: string;\n    /** Classes for the element wrapping the icon and text. */\n    contentClasses?: string;\n    /** `'right'` puts the icon after the text. */\n    iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n    /** Icon of the button; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiButtonContentSignature['Args']['iconType'];\n    /** Size of the icon. */\n    iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Shows a spinner instead of the icon. */\n    isLoading?: boolean;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /** `type` of the button (multi selection only). */\n    type?: string;\n    /** Tooltip text shown on hover and focus. */\n    toolTipContent?: string;\n    /** `EuiToolTip` options for `@toolTipContent`. */\n    toolTipProps?: Pick<EuiTooltipArgs, 'position' | 'title' | 'delay'>;\n    /**\n     * Called with the option's `id` (and `value` for single selection) when\n     * it is clicked.\n     */\n    onChange: (id: string, value?: string) => void;\n  };\n}\n\ninterface GroupButtonElementSignature {\n  Element: EuiButtonGroupButtonSignature['Element'];\n  Args: { button: EuiButtonGroupButton };\n}\n\n/** The option's element, rendered with or without a tooltip anchor. */\nconst GroupButtonElement: TOC<GroupButtonElementSignature> = <template>\n  {{#let @button.args @button.inputId as |args inputId|}}\n    {{#let (element @button.tagName) as |Tag|}}\n      <EuiInnerText as |setInnerTextRef innerText|>\n        <Tag\n          class={{@button.classes}}\n          disabled={{@button.disabledAttr}}\n          aria-disabled={{@button.ariaDisabled}}\n          aria-pressed={{@button.pressed}}\n          type={{@button.type}}\n          for={{if @button.isButton undefined inputId}}\n          id={{if @button.isButton inputId}}\n          title={{@button.titleFor innerText}}\n          {{euiDisabledElement args.isDisabled args.hasAriaDisabled}}\n          {{on \"click\" @button.onClick}}\n          {{didInsert setInnerTextRef}}\n          ...attributes\n        >\n          {{#unless @button.isButton}}\n            <input\n              id={{inputId}}\n              name={{args.name}}\n              checked={{args.isSelected}}\n              value={{args.value}}\n              type=\"radio\"\n              {{screenReaderOnly}}\n              {{on \"change\" (fn args.onChange args.id args.value)}}\n            />\n          {{/unless}}\n          <EuiButtonContent\n            class={{args.contentClasses}}\n            @size={{@button.size}}\n            @isDisabled={{args.isDisabled}}\n            @isLoading={{args.isLoading}}\n            @iconType={{args.iconType}}\n            @iconSide={{args.iconSide}}\n            @iconSize={{args.iconSize}}\n            @iconClasses={{args.iconClasses}}\n            @textClasses=\"euiButtonGroupButton__text {{args.textClasses}}\"\n            @textCss={{@button.textCss}}\n            @textDataText={{innerText}}\n          >{{args.label}}</EuiButtonContent>\n        </Tag>\n      </EuiInnerText>\n    {{/let}}\n  {{/let}}\n</template>;\n\n/** One option of an `EuiButtonGroup`. */\nexport default class EuiButtonGroupButton extends Component<EuiButtonGroupButtonSignature> {\n  inputId = randomId();\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get isLabel() {\n    return this.args.element === 'label';\n  }\n  get tagName() {\n    return this.isLabel && !this.args.isDisabled ? 'label' : 'button';\n  }\n  get isButton() {\n    return this.tagName === 'button';\n  }\n  get size(): 's' | 'm' {\n    return this.args.size === 'm' ? 'm' : 's';\n  }\n  get color() {\n    const color = this.args.color === 'ghost' ? 'text' : this.args.color;\n    return color && COLORS.has(color) ? color : 'primary';\n  }\n  get pressed() {\n    return this.isLabel || this.args.isSelected === undefined\n      ? undefined\n      : String(this.args.isSelected);\n  }\n  get type() {\n    return this.isButton ? (this.args.type ?? 'button') : undefined;\n  }\n  /** Native `disabled`, unless `@hasAriaDisabled` swaps it for `aria-disabled`. */\n  get disabledAttr() {\n    if (!this.isButton || this.args.hasAriaDisabled) return undefined;\n    return this.args.isDisabled;\n  }\n  get ariaDisabled() {\n    return this.args.hasAriaDisabled && this.args.isDisabled\n      ? 'true'\n      : undefined;\n  }\n  /** Upstream `title`: the option's own, else the button's text. */\n  titleFor = (innerText: string | undefined) =>\n    this.args.title !== undefined ? this.args.title : innerText;\n\n  @cached\n  get classes() {\n    const context = this.context;\n    const theme = context.upstream.euiTheme;\n    const display = useEuiBorealisStyles(context, euiButtonDisplayStyles);\n    const group = useEuiBorealisStyles(context, euiButtonGroupButtonStyles);\n    const colors = useEuiBorealisStyles(context, euiButtonDisplaysColors);\n    const { isDisabled, isSelected, isIconOnly } = this.args;\n    const size = this.size;\n    const color = isDisabled ? 'disabled' : this.color;\n    const displayName = isSelected && color !== 'text' ? 'fill' : 'empty';\n    const css = euiClass(\n      context,\n      // React's global reset, scoped (`border` comes from the group styles).\n      {\n        boxSizing: 'border-box',\n        margin: 0,\n        padding: 0,\n        fontFamily: theme.font.family,\n        textDecoration: 'none'\n      },\n      `&:focus { ${euiFocusRing(context.upstream)} }`,\n      // A single selection option is a <label> around a hidden radio: show\n      // the focus ring of the radio on the label.\n      `&:has(> input:focus-visible) { outline: ${theme.focus.width} solid ${theme.focus.color}; outline-style: auto; outline-offset: 0; }`,\n      display.euiButtonDisplay,\n      display[size],\n      isDisabled && display.isDisabled,\n      group.euiButtonGroupButton,\n      isIconOnly && group.iconOnly.iconOnly,\n      isIconOnly && group.iconOnly[size],\n      group[size],\n      isSelected && color === 'text' && group.isSelected,\n      isDisabled && isSelected\n        ? group.disabledAndSelected\n        : colors[displayName]![color]\n    );\n    return [\n      'euiButtonGroupButton',\n      isSelected && 'euiButtonGroupButton-isSelected',\n      isIconOnly && 'euiButtonGroupButton-isIconOnly',\n      css\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get textCss() {\n    const group = useEuiBorealisStyles(this.context, euiButtonGroupButtonStyles);\n    return this.args.isIconOnly\n      ? group.text.euiButtonGroupButton__iconOnly\n      : group.text.euiButtonGroupButton__text;\n  }\n\n  get toolTipAnchorClass() {\n    return [\n      'euiButtonGroup__tooltipWrapper',\n      this.args.isSelected && 'euiButtonGroup__tooltipWrapper-isSelected'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /** Upstream's `anchorProps.css` on the tooltip anchor. */\n  @cached\n  get toolTipAnchorCss(): EuiCss {\n    return useEuiBorealisStyles(this.context, euiButtonGroupButtonStyles)\n      .tooltipWrapper;\n  }\n\n  onClick = () => {\n    if (!this.isLabel) this.args.onChange(this.args.id);\n  };\n\n  <template>\n    {{#if @toolTipContent}}\n      <EuiToolTip\n        @content={{@toolTipContent}}\n        @position={{@toolTipProps.position}}\n        @title={{@toolTipProps.title}}\n        @delay={{@toolTipProps.delay}}\n        @anchorClassName={{this.toolTipAnchorClass}}\n        @anchorCss={{this.toolTipAnchorCss}}\n      >\n        <GroupButtonElement @button={{this}} ...attributes />\n      </EuiToolTip>\n    {{else}}\n      <GroupButtonElement @button={{this}} ...attributes />\n    {{/if}}\n  </template>\n}\n"],"names":["COLORS","Set","GroupButtonElement","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","euiDisabledElement","on","didInsert","screenReaderOnly","fn","EuiButtonContent","templateOnly","EuiButtonGroupButton","Component","inputId","randomId","context","getEuiThemeContext","isLabel","args","element","tagName","isDisabled","isButton","size","color","has","pressed","isSelected","undefined","String","type","disabledAttr","hasAriaDisabled","ariaDisabled","titleFor","innerText","title","classes","theme","upstream","euiTheme","display","useEuiBorealisStyles","euiButtonDisplayStyles","group","euiButtonGroupButtonStyles","colors","euiButtonDisplaysColors","isIconOnly","displayName","css","euiClass","boxSizing","margin","padding","fontFamily","font","family","textDecoration","euiFocusRing","focus","width","euiButtonDisplay","euiButtonGroupButton","iconOnly","disabledAndSelected","filter","Boolean","join","n","prototype","cached","textCss","text","euiButtonGroupButton__iconOnly","euiButtonGroupButton__text","toolTipAnchorClass","toolTipAnchorCss","tooltipWrapper","onClick","onChange","id","EuiToolTip"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,MAAA,GAAS,IAAIC,GAAA,CAAI,CACrB,MAAA,EACA,QAAA,EACA,iBAAA,EACA,SAAA,EACA,SAAA,EACA,SAAA,EACA,QAAA,EACA,SAAA,EACA,MAAA,CACD,CAAA;AAwED,uEACA,MAAMC,kBAAwB,GAAAC,oBAAA,CAA+BC,kBAAA,CAAA,yxCAAA,EA8C7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;kBAAAC,UAAA;IAAAC,kBAAA;IAAAC,EAAA;IAAAC,SAAA;sBAAAC,wBAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAEV;AACe,MAAMC,oBAAA,SAA6BC,SAAA,CAAU;EAC1DC,OAAA,GAAUC,QAAA,EAAA;EAEV,IAAIC,OAAAA,GAAU;IACZ,OAAOC,mBAAmB,IAAI,CAAA;AAChC,EAAA;EACA,IAAIC,OAAAA,GAAU;AACZ,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,OAAO,KAAK,OAAA;AAC/B,EAAA;EACA,IAAIC,OAAAA,GAAU;AACZ,IAAA,OAAO,IAAI,CAACH,OAAO,IAAI,CAAC,IAAI,CAACC,IAAI,CAACG,UAAU,GAAG,OAAA,GAAU,QAAA;AAC3D,EAAA;EACA,IAAIC,QAAAA,GAAW;AACb,IAAA,OAAO,IAAI,CAACF,OAAO,KAAK,QAAA;AAC1B,EAAA;EACA,IAAIG,IAAAA,GAAkB;IACpB,OAAO,IAAI,CAACL,IAAI,CAACK,IAAI,KAAK,MAAM,GAAA,GAAM,GAAA;AACxC,EAAA;EACA,IAAIC,KAAAA,GAAQ;AACV,IAAA,MAAMA,KAAA,GAAQ,IAAI,CAACN,IAAI,CAACM,KAAK,KAAK,OAAA,GAAU,MAAA,GAAS,IAAI,CAACN,IAAI,CAACM,KAAK;IACpE,OAAOA,KAAA,IAAS5B,MAAA,CAAO6B,GAAG,CAACD,SAASA,KAAA,GAAQ,SAAA;AAC9C,EAAA;EACA,IAAIE,OAAAA,GAAU;IACZ,OAAO,IAAI,CAACT,OAAO,IAAI,IAAI,CAACC,IAAI,CAACS,UAAU,KAAKC,YAC5CA,SAAA,GACAC,MAAA,CAAO,IAAI,CAACX,IAAI,CAACS,UAAU,CAAA;AACjC,EAAA;EACA,IAAIG,IAAAA,GAAO;AACT,IAAA,OAAO,IAAI,CAACR,QAAQ,GAAI,IAAI,CAACJ,IAAI,CAACY,IAAI,IAAI,QAAQ,GAAIF,SAAA;AACxD,EAAA;AACA;EACA,IAAIG,YAAAA,GAAe;AACjB,IAAA,IAAI,CAAC,IAAI,CAACT,QAAQ,IAAI,IAAI,CAACJ,IAAI,CAACc,eAAe,EAAE,OAAOJ,SAAA;AACxD,IAAA,OAAO,IAAI,CAACV,IAAI,CAACG,UAAU;AAC7B,EAAA;EACA,IAAIY,YAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACf,IAAI,CAACc,eAAe,IAAI,IAAI,CAACd,IAAI,CAACG,UAAU,GACpD,MAAA,GACAO,SAAA;AACN,EAAA;AACA;AACAM,EAAAA,WAAYC,SAA6B,IACvC,IAAI,CAACjB,IAAI,CAACkB,KAAK,KAAKR,SAAA,GAAY,IAAI,CAACV,IAAI,CAACkB,KAAK,GAAGD,SAAA;EAEpD,IACIE,OAAAA,GAAU;AACZ,IAAA,MAAMtB,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMuB,KAAA,GAAQvB,OAAA,CAAQwB,QAAQ,CAACC,QAAQ;AACvC,IAAA,MAAMC,OAAA,GAAUC,qBAAqB3B,OAAA,EAAS4B,sBAAA,CAAA;AAC9C,IAAA,MAAMC,KAAA,GAAQF,qBAAqB3B,OAAA,EAAS8B,0BAAA,CAAA;AAC5C,IAAA,MAAMC,MAAA,GAASJ,qBAAqB3B,OAAA,EAASgC,uBAAA,CAAA;IAC7C,MAAM;MAAE1B,UAAU;MAAEM,UAAU;AAAEqB,MAAAA;KAAY,GAAG,IAAI,CAAC9B,IAAI;AACxD,IAAA,MAAMK,IAAA,GAAO,IAAI,CAACA,IAAI;IACtB,MAAMC,KAAA,GAAQH,UAAA,GAAa,UAAA,GAAa,IAAI,CAACG,KAAK;IAClD,MAAMyB,WAAA,GAActB,UAAA,IAAcH,KAAA,KAAU,MAAA,GAAS,MAAA,GAAS,OAAA;AAC9D,IAAA,MAAM0B,GAAA,GAAMC,QAAA,CACVpC,OAAA;AACA;AACA,IAAA;AACEqC,MAAAA,SAAA,EAAW,YAAA;AACXC,MAAAA,MAAA,EAAQ,CAAA;AACRC,MAAAA,OAAA,EAAS,CAAA;AACTC,MAAAA,UAAA,EAAYjB,KAAA,CAAMkB,IAAI,CAACC,MAAM;AAC7BC,MAAAA,cAAA,EAAgB;KAClB,EACA,aAAaC,YAAA,CAAa5C,OAAA,CAAQwB,QAAQ,CAAA,CAAA,EAAA,CAAK;AAC/C;AACA;AACA,IAAA,CAAA,wCAAA,EAA2CD,KAAA,CAAMsB,KAAK,CAACC,KAAK,UAAUvB,KAAA,CAAMsB,KAAK,CAACpC,KAAK,CAAA,2CAAA,CAA6C,EACpIiB,OAAA,CAAQqB,gBAAgB,EACxBrB,OAAO,CAAClB,IAAA,CAAK,EACbF,UAAA,IAAcoB,OAAA,CAAQpB,UAAU,EAChCuB,MAAMmB,oBAAoB,EAC1Bf,UAAA,IAAcJ,KAAA,CAAMoB,QAAQ,CAACA,QAAQ,EACrChB,UAAA,IAAcJ,KAAA,CAAMoB,QAAQ,CAACzC,IAAA,CAAK,EAClCqB,KAAK,CAACrB,KAAK,EACXI,UAAA,IAAcH,KAAA,KAAU,MAAA,IAAUoB,KAAA,CAAMjB,UAAU,EAClDN,UAAA,IAAcM,UAAA,GACViB,KAAA,CAAMqB,mBAAmB,GACzBnB,MAAM,CAACG,WAAA,CAAY,CAAEzB,KAAA,CAAM,CAAA;IAEjC,OAAO,CACL,sBAAA,EACAG,UAAA,IAAc,iCAAA,EACdqB,UAAA,IAAc,iCAAA,EACdE,GAAA,CACD,CACEgB,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CA7CCC,MAAA,CAAA,CAAA;AAAA;EA+CD,IACIC,OAAAA,GAAU;IACZ,MAAM5B,KAAA,GAAQF,oBAAA,CAAqB,IAAI,CAAC3B,OAAO,EAAE8B,0BAAA,CAAA;AACjD,IAAA,OAAO,IAAI,CAAC3B,IAAI,CAAC8B,UAAU,GACvBJ,KAAA,CAAM6B,IAAI,CAACC,8BAA8B,GACzC9B,KAAA,CAAM6B,IAAI,CAACE,0BAA0B;AAC3C,EAAA;AAAA,EAAA;IAAAN,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CANCC,MAAA,CAAA,CAAA;AAAA;EAQD,IAAIK,kBAAAA,GAAqB;IACvB,OAAO,CACL,gCAAA,EACA,IAAI,CAAC1D,IAAI,CAACS,UAAU,IAAI,2CAAA,CACzB,CACEuC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;AAEA;EACA,IACIS,mBAA2B;IAC7B,OAAOnC,qBAAqB,IAAI,CAAC3B,OAAO,EAAE8B,4BACvCiC,cAAc;AACnB,EAAA;AAAA,EAAA;IAAAT,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,kBAAA,EAAA,CAJCC,MAAA,CAAA,CAAA;AAAA;EAMDQ,OAAA,GAAUA,MAAA;AACR,IAAA,IAAI,CAAC,IAAI,CAAC9D,OAAO,EAAE,IAAI,CAACC,IAAI,CAAC8D,QAAQ,CAAC,IAAI,CAAC9D,IAAI,CAAC+D,EAAE,CAAA;EACpD,CAAA;AAEA,EAAA;IAAAlF,oBAAA,CAAAC,kBAAA,CAAA,mZAAA,EAeA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAgF,UAAA;AAAApF,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-button-group-button.js","sources":["../../src/components/eui-button-group-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport euiDisabledElement from '../-private/eui-disabled-element.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiButtonGroupButtonStyles } from '../utils/eui/buttons-misc.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiButtonDisplayStyles,\n  euiButtonDisplaysColors,\n  euiFocusRing\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonContent from './eui-button-content.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { EuiButtonSignature } from './eui-button';\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { EuiTooltipArgs } from './eui-tool-tip';\nimport type { TOC } from '@ember/component/template-only';\n\n/** Upstream `EuiButtonGroup` colors (`BUTTON_COLORS`). */\nconst COLORS = new Set([\n  'text',\n  'accent',\n  'accentSecondary',\n  'primary',\n  'success',\n  'warning',\n  'danger',\n  'neutral',\n  'risk'\n]);\n\nexport interface EuiButtonGroupButtonSignature {\n  Element: EuiButtonSignature['Element'];\n  Args: {\n    /** Id of the option, passed to `@onChange`. */\n    id: string;\n    /** Value of the option, passed to `@onChange` for single selection. */\n    value?: string;\n    /**\n     * `'label'` wraps a visually hidden radio input (single selection\n     * groups), `'button'` renders a toggle button (multi selection groups).\n     * Defaults to `'button'`. A disabled option always renders a button.\n     */\n    element?: 'label' | 'button';\n    /** `name` of the radio input, shared by the group's buttons. */\n    name?: string;\n    /** The button's text (visually hidden with `@isIconOnly`). */\n    label?: string;\n    /** Disables the button. */\n    isDisabled?: boolean;\n    /**\n     * Beta: a disabled button gets `aria-disabled=\"true\"` instead of\n     * `disabled`, so it stays focusable (e.g. for its tooltip).\n     */\n    hasAriaDisabled?: boolean;\n    /**\n     * Native browser tooltip. Defaults to the button's text; pass `''` to\n     * unset it.\n     */\n    title?: string;\n    /** Whether the option is selected. */\n    isSelected?: boolean;\n    /** Shows only the icon; the label is kept for screen readers. */\n    isIconOnly?: boolean;\n    /** `'s'`, `'m'` or `'compressed'` (same height as `'s'`). */\n    size?: 's' | 'm' | 'compressed';\n    /** Color of the selected button, see `EuiButtonGroup`. */\n    color?: string;\n    /** Classes for the element wrapping the icon and text. */\n    contentClasses?: string;\n    /** `'right'` puts the icon after the text. */\n    iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n    /** Icon of the button; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiButtonContentSignature['Args']['iconType'];\n    /** Size of the icon. */\n    iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Shows a spinner instead of the icon. */\n    isLoading?: boolean;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /** `type` of the button (multi selection only). */\n    type?: string;\n    /** Tooltip text shown on hover and focus. */\n    toolTipContent?: string;\n    /** `EuiToolTip` options for `@toolTipContent`. */\n    toolTipProps?: Pick<EuiTooltipArgs, 'position' | 'title' | 'delay'>;\n    /**\n     * Called with the option's `id` (and `value` for single selection) when\n     * it is clicked.\n     */\n    onChange: (id: string, value?: string) => void;\n  };\n}\n\ninterface GroupButtonElementSignature {\n  Element: EuiButtonGroupButtonSignature['Element'];\n  Args: { button: EuiButtonGroupButton };\n}\n\n/** The option's element, rendered with or without a tooltip anchor. */\nconst GroupButtonElement: TOC<GroupButtonElementSignature> = <template>\n  {{#let @button.args @button.inputId as |args inputId|}}\n    {{#let (element @button.tagName) as |Tag|}}\n      <EuiInnerText as |setInnerTextRef innerText|>\n        <Tag\n          class={{@button.classes}}\n          disabled={{@button.disabledAttr}}\n          aria-disabled={{@button.ariaDisabled}}\n          aria-pressed={{@button.pressed}}\n          type={{@button.type}}\n          for={{if @button.isButton undefined inputId}}\n          id={{if @button.isButton inputId}}\n          title={{@button.titleFor innerText}}\n          {{euiDisabledElement args.isDisabled args.hasAriaDisabled}}\n          {{on \"click\" @button.onClick}}\n          {{didInsert setInnerTextRef}}\n          ...attributes\n        >\n          {{#unless @button.isButton}}\n            <input\n              id={{inputId}}\n              name={{args.name}}\n              checked={{args.isSelected}}\n              value={{args.value}}\n              type=\"radio\"\n              {{screenReaderOnly}}\n              {{on \"change\" (fn args.onChange args.id args.value)}}\n            />\n          {{/unless}}\n          <EuiButtonContent\n            class={{args.contentClasses}}\n            @size={{@button.size}}\n            @isDisabled={{args.isDisabled}}\n            @isLoading={{args.isLoading}}\n            @iconType={{args.iconType}}\n            @iconSide={{args.iconSide}}\n            @iconSize={{args.iconSize}}\n            @iconClasses={{args.iconClasses}}\n            @textClasses=\"euiButtonGroupButton__text {{args.textClasses}}\"\n            @textCss={{@button.textCss}}\n            @textDataText={{innerText}}\n          >{{args.label}}</EuiButtonContent>\n        </Tag>\n      </EuiInnerText>\n    {{/let}}\n  {{/let}}\n</template>;\n\n/** One option of an `EuiButtonGroup`. */\nexport default class EuiButtonGroupButton extends Component<EuiButtonGroupButtonSignature> {\n  inputId = randomId();\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get isLabel() {\n    return this.args.element === 'label';\n  }\n  get tagName() {\n    return this.isLabel && !this.args.isDisabled ? 'label' : 'button';\n  }\n  get isButton() {\n    return this.tagName === 'button';\n  }\n  get size(): 's' | 'm' {\n    return this.args.size === 'm' ? 'm' : 's';\n  }\n  get color() {\n    const color = this.args.color === 'ghost' ? 'text' : this.args.color;\n    return color && COLORS.has(color) ? color : 'primary';\n  }\n  get pressed() {\n    return this.isLabel || this.args.isSelected === undefined\n      ? undefined\n      : String(this.args.isSelected);\n  }\n  get type() {\n    return this.isButton ? (this.args.type ?? 'button') : undefined;\n  }\n  /** Native `disabled`, unless `@hasAriaDisabled` swaps it for `aria-disabled`. */\n  get disabledAttr() {\n    if (!this.isButton || this.args.hasAriaDisabled) return undefined;\n    return this.args.isDisabled;\n  }\n  get ariaDisabled() {\n    return this.args.hasAriaDisabled && this.args.isDisabled\n      ? 'true'\n      : undefined;\n  }\n  /** Upstream `title`: the option's own, else the button's text. */\n  titleFor = (innerText: string | undefined) =>\n    this.args.title !== undefined ? this.args.title : innerText;\n\n  @cached\n  get classes() {\n    const context = this.context;\n    const theme = context.upstream.euiTheme;\n    const display = useEuiBorealisStyles(context, euiButtonDisplayStyles);\n    const group = useEuiBorealisStyles(context, euiButtonGroupButtonStyles);\n    const colors = useEuiBorealisStyles(context, euiButtonDisplaysColors);\n    const { isDisabled, isSelected, isIconOnly } = this.args;\n    const size = this.size;\n    const color = isDisabled ? 'disabled' : this.color;\n    const displayName = isSelected && color !== 'text' ? 'fill' : 'empty';\n    const css = euiClass(\n      context,\n      // React's global reset, scoped (`border` comes from the group styles).\n      {\n        boxSizing: 'border-box',\n        margin: 0,\n        padding: 0,\n        fontFamily: theme.font.family,\n        textDecoration: 'none'\n      },\n      `&:focus { ${euiFocusRing(context.upstream)} }`,\n      // A single selection option is a <label> around a hidden radio: show\n      // the focus ring of the radio on the label.\n      `&:has(> input:focus-visible) { outline: ${theme.focus.width} solid ${theme.focus.color}; outline-style: auto; outline-offset: 0; }`,\n      display.euiButtonDisplay,\n      display[size],\n      isDisabled && display.isDisabled,\n      group.euiButtonGroupButton,\n      isIconOnly && group.iconOnly.iconOnly,\n      isIconOnly && group.iconOnly[size],\n      group[size],\n      isSelected && color === 'text' && group.isSelected,\n      isDisabled && isSelected\n        ? group.disabledAndSelected\n        : colors[displayName]![color]\n    );\n    return [\n      'euiButtonGroupButton',\n      isSelected && 'euiButtonGroupButton-isSelected',\n      isIconOnly && 'euiButtonGroupButton-isIconOnly',\n      css\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get textCss() {\n    const group = useEuiBorealisStyles(this.context, euiButtonGroupButtonStyles);\n    return this.args.isIconOnly\n      ? group.text.euiButtonGroupButton__iconOnly\n      : group.text.euiButtonGroupButton__text;\n  }\n\n  get toolTipAnchorClass() {\n    return [\n      'euiButtonGroup__tooltipWrapper',\n      this.args.isSelected && 'euiButtonGroup__tooltipWrapper-isSelected'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /** Upstream's `anchorProps.css` on the tooltip anchor. */\n  @cached\n  get toolTipAnchorCss(): EuiCss {\n    return useEuiBorealisStyles(this.context, euiButtonGroupButtonStyles)\n      .tooltipWrapper;\n  }\n\n  onClick = () => {\n    if (!this.isLabel) this.args.onChange(this.args.id);\n  };\n\n  <template>\n    {{#if @toolTipContent}}\n      <EuiToolTip\n        @content={{@toolTipContent}}\n        @position={{@toolTipProps.position}}\n        @title={{@toolTipProps.title}}\n        @delay={{@toolTipProps.delay}}\n        @anchorClassName={{this.toolTipAnchorClass}}\n        @anchorCss={{this.toolTipAnchorCss}}\n      >\n        <GroupButtonElement @button={{this}} ...attributes />\n      </EuiToolTip>\n    {{else}}\n      <GroupButtonElement @button={{this}} ...attributes />\n    {{/if}}\n  </template>\n}\n"],"names":["COLORS","Set","GroupButtonElement","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","euiDisabledElement","on","didInsert","screenReaderOnly","fn","EuiButtonContent","templateOnly","EuiButtonGroupButton","Component","inputId","randomId","context","getEuiThemeContext","isLabel","args","element","tagName","isDisabled","isButton","size","color","has","pressed","isSelected","undefined","String","type","disabledAttr","hasAriaDisabled","ariaDisabled","titleFor","innerText","title","classes","theme","upstream","euiTheme","display","useEuiBorealisStyles","euiButtonDisplayStyles","group","euiButtonGroupButtonStyles","colors","euiButtonDisplaysColors","isIconOnly","displayName","css","euiClass","boxSizing","margin","padding","fontFamily","font","family","textDecoration","euiFocusRing","focus","width","euiButtonDisplay","euiButtonGroupButton","iconOnly","disabledAndSelected","filter","Boolean","join","n","prototype","cached","textCss","text","euiButtonGroupButton__iconOnly","euiButtonGroupButton__text","toolTipAnchorClass","toolTipAnchorCss","tooltipWrapper","onClick","onChange","id","EuiToolTip"],"mappings":"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"}

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

@@ -5,7 +5,6 @@ import { randomId } from '../-private/random-id.js';
 import ScreenReaderOnlyModifier from '../modifiers/screen-reader-only.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { a7 as euiButtonGroupStyles, a8 as euiButtonGroupButtonsStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButton from './eui-button.js';
 import EuiButtonEmpty from './eui-button-empty.js';
 import EuiButtonGroupButton from './eui-button-group-button.js';
@@ -13,6 +12,7 @@ import EuiButtonIcon from './eui-button-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiButtonGroupStyles, euiButtonGroupButtonsStyles } from '../utils/eui/styles.generated/components/button/button_group/button_group.styles.js';
 
 /**
  * A group of buttons. With `@options`: toggle buttons picking one option or

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

@@ -8,12 +8,14 @@ import EuiButtonGroupItem from '../-private/eui-button-group-item.js';
 import euiDisabledElement from '../-private/eui-disabled-element.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { a2 as euiFocusRing, a9 as euiButtonIconStyles, a4 as euiButtonDisplaysColors } from '../styles.generated-SYAxYhey.js';
 import EuiIcon from './eui-icon.js';
 import EuiLoadingSpinner from './eui-loading-spinner.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiFocusRing } from '../utils/eui/styles.generated/shared/3X7KG6KZ.js';
+import { euiButtonIconStyles } from '../utils/eui/styles.generated/components/button/button_icon/button_icon.styles.js';
+import { euiButtonDisplaysColors } from '../utils/eui/styles.generated/shared/OMXYFSPG.js';
 
 /** Spinner border follows the (disabled) text color, as upstream does. */const SPINNER_COLOR = {
   border: 'currentcolor'